redux

问题 I would like to use Redux for React Native. Currently I have no set data management, so the index.ios.js has the following: renderScene(route, navigator){ this._navigator = navigator return ( <route.component navigator={navigator} {...route.passProps}/> ) } <Navigator configureScene={this.configureScene} initialRoute={{name: 'Login', component: Login}} renderScene={(route, navigator) => this.renderScene(route, navigator)} style={styles.container} navigationBar={ <Navigator.NavigationBar style

问题 Struggling to dispatch an action from my React component. This is my first Redux app. Everything seems to be working fine, but if it was I would not be posting this question. I am using Redux devTool to debug my app. If I use the dispatcher from the devTools my reducer is triggered with no problem. However I am unable to dispatch the same action from my React components. I added a breakpoint in my action to see if it was being triggered. I definately is and it is also returning a valid action

问题 Recently I've transitioned from using one optimistic action to adding two more to detect success/failure server responses. With the optimistic approach I was able to just pass in my action the shorthand way and chain from the promise: class Post extends Component { onUpdateClick(props) { this.props.updatePost(this.props.params.id, props) .then(() => /* Action goes here */); } } ... export default connect(mapStateToProps, { updatePost })(Post); Now that I'm dispatching multiple actions and

问题 I am trying to understand how immutability is actually (if at all) used in Redux. Every tutorial/article/document I found states that reducers should never alter the state object but instead create a new copy of the changed data (i.e. the reducers must be pure functions). I understand this but I could not find any place where there is an explanation of how this guideline is actually used by Redux internal implementation. Is this just a strong recomendation or will something inside Redux

问题 I used to use npm but recently switched to yarn. When I run yarn test it shows all tests passed but below says error Command failed with exit code 1 with no other information on what could have caused this error node version: 6.3.1 yarn version: 0.16.3 potential cause console.error node_modules/core-js/modules/es6.promise.js:117 Unhandled promise rejection Error: Actions may not be an undefined. at dispatch (/node_modules/redux-mock-store/lib/index.js:35:19) at /node_modules/redux-thunk/lib

问题 In my react based single page application, my page is divided in two panes. Left Pane: Filter Panel. Right Pane: Grid (table containing data that passes through applied filters) In summary, I have an application that looks very similar to amazon.com. By default, when user hits an application's root endpoint (/) in the browser, I fetch last 7 days of data from the server and show it inside the grid. Filter panel has couple of filters (e.g. time filter to fetch data that falls inside specified

问题 I'm new to React and Redux so this is somewhat of a best practices question. I have an action creator that fires an API call and dispatches the response to my reducer: export function loadDrawSuccess(draw) { return { type: ActionTypes.LOAD_DRAW_SUCCESS, draw}; } export function loadDraw() { return function(dispatch) { dispatch(beginAjaxCall()); return drawApi.getDraw().then(draw => { dispatch(loadDrawSuccess(draw)); }).catch(() => { dispatch(ajaxCallError()); }); }; } Now.... In my reducer, I

问题 Search result in general is temporary in nature. I don't see much point storing the search result in the store. Should I use react's setState to render the search results in this case? 回答1: Depends, one use case for storing the search results in the store is: Users goes to /search and searches for "awesome cheap cars" User clicks on the third car that appears in the results list User does not like the car, and presses the back button in the browser Now, if you stored the search query and the

问题 I am very new to React-redux applications development and I am trying to understand how to dispatch another action as soon as the page loads. Following is my container code. I am using this (https://github.com/jpsierens/webpack-react-redux) boilerplate. let locationSearch; const ActivationPage = ({activateUser}) => { return ( <div className="container"> <h2>Activation Required</h2> <p>An Activation Email was sent to your email address. Please check your inbox to find the activation link</p> {

问题 I'm writing my application in TypeScript and I'm using Redux to keep track of my app state. My redux store state looks something like this: interface AppState { readonly grid : IGridSettings; readonly selected : ISelectedSettings; [key : string] : IGridSettings | ISelectedSettings; } interface IGridSettings { readonly extents : number; readonly isXY : boolean; readonly isXZ : boolean; readonly isYZ : boolean; readonly spacing : number; [key : string] : number | boolean; } interface