redux

问题 As Redux provides store for keeping all application data in one place, Is it good practice to keep data in single large object ? What if we have thousands of records and their data which is large in size, will it affect on application performance? 回答1: This is a good place to start Redux Performance For maximum rendering performance in a React application, state should be stored in a normalized shape , many individual components should be connected to the store instead of just a few, and

问题 I've cobbled together this little sandbox to demonstrate: https://codesandbox.io/s/64xv97y45n The purple div in the upper left hand corner is supposed to move as letters are typed. When a letter is typed, the currIndex (the currently active box) value on the redux store is incremented or decremented accordingly. The reducer then uses currIndex to compute the currentCoords or the div's new absolute position (for the purposes of attached sandbox, 'slightly more to the right'). The currentCoords

问题 In my react-redux application, I have an action creator which makes 4 server calls, first three calls are made async and then last one waits on the response of 3rd call. Lets us say someone changes the route before response of 3rd came, 4th call wont be made. How can I ensure this does not happen? Either I should not allow route change until actioncreator has done its job (users won't like this). Or, I should allow 4th call to happen even if the route is changed, looks like a reasonable

问题 I have the current web page below and want to delete a user when I click on the red 'x' button at the top of the card. Currently, after I click the 'x' delete button, nothing happens. After I refresh the page, the user will be removed from my webpage. But I want this to happen without needing a refresh at all. Sample Web Page Render: Back-end Route: To achieve this, I tried the following: Setup back-end route: const router = require('express').Router() const {User} = require('../db/models')

问题 I'm developing a react-native app with a bottom-tab-navigator, and would like navigation options to depend on the screen being displayed, something like: AppNavigator.js: class AppNavigator extends React.Component{ isRouteEnabled = (routeName) => { return this.props.route == routeName; } render() { const tabNavigator = createBottomTabNavigator({ Home: HomeScreen, Screen2: Screen2, // tab to be conditionally displayed ...(this.isRouteEnabled('Screen3') ? { Screen3 : Screen3} : {}) }); const

问题 I am trying to load my previous values in Redux From Fields on screen and hoping to get new values from each fields as a user updates the values. I have tried couple different ways, like onChange or initialValues but so far I still have no luck to get it working: Here is my code so far: `import _ from 'lodash'; import React, { Component } from 'react'; import { connect } from 'react-redux'; import { reduxForm, Field } from 'redux-form'; import { Link } from 'react-router-dom'; import

问题 I know there are some answers on this and I read them all. But none of them helped. So this is my error message: And here is my action: export function registerUser(data){ const request = axios({ method: "POST", url: `${REGISTER}${API_KEY}`, data: { email: data.email, password: data.password, }, headers:{ "Content-Type":"application/json" } }).then(response => response.data) return { type: "REGISTER_USER", payload: request, } } Thanks! 回答1: Give a try to fetch the library for making API call.

问题 In the following code I am trying to pass the state.userData.userDetails from the redux-store to getleftpaneProductCatalogue() , but state.userData.userDetails is unaccessible to componentDidMount() . I tried assigning the state.userData.userDetails to this.prop.userProfile , but still this.prop.userProfile is an empty value. How to access the prop within componentDidMount ? import React,{Component} from 'react'; import { connect } from 'react-redux'; import {Row, Col } from 'react

问题 The scenario is : 1.press a button(Class A-Component) to add a item to a list (Class B-Component). The initialState for the list and the console.log('search action found') in reducers works perfectly. But its failed to add one more item in the list. I have checked the store after i called the "CLICK_SEARCH" action . The number of item in the List (products1) remaining 1 item only(initialState that one). Anyone can help ? initialState3 var initialState3 = { products1:[{ id: "123", abbreviation

问题 Why don't chaining dispatch Redux Thunk? Only work first dispatch and second dispatch is not working. Store: const store = createStore(reducers, loadState(), applyMiddleware(thunk)); Action: export function doSomething(name) { return function (dispatch) { dispatch({ type: 'USERNAME', payload: name }) dispatch({ type: 'OTHER_TYPE', payload: 'text' }) return true; } } Edit It's worked: return Promise.all([ dispatch({ type: 'USERNAME', payload: name }), dispatch({ type: 'OTHER_TYPE', payload: