redux

问题 Is this reducer OK: function someReducer(state = initialState, action) { if (action.type === SOME_ACTION) { const newState = Object.assign( {}, state ); // ... // doing whatever I want with newState // ... return newState; } return state; } and if is OK, why we need all those immutable libraries to complicate our lives. p.s Just trying to comprehend Redux and immutability 回答1: export default function (state = initialState, action) { const actions = { SOME_ACTION: () => { return { ...state } }

问题 Im trying to access a components state from another component with not much of a success. So far my code looks like this: The two components are rendered in App.js, the entry file. First components is a mobile navigation. That one should be open/closed depending on the state in component 2 wich is a toggle-button. Can anyone help me out? Component 1.(In here i want to access the state of 'toggled' from component 2) import * as style from './MobileNavigation.style' import React, { Component }

问题 When I am importing reducers with their defined name my application working fine but when I am using combineReducers its returning blank page. store.js code is: import { createStore, applyMiddleware } from 'redux'; import { Provider } from 'react-redux'; import thunk from 'redux-thunk'; import reducer from '../reducers/index'; const store = createStore( reducer, applyMiddleware(thunk) ); var routes =( <Provider store={store}> <Router history={browserHistory}> <Route path="/" component={Main}>

问题 I'm using the basic client configuration from the example on the first page of https://github.com/awslabs/aws-mobile-appsync-sdk-js repo: const client = new AWSAppSyncClient({ url: appSyncConfig.graphqlEndpoint, region: appSyncConfig.region, auth: { type: appSyncConfig.authenticationType, apiKey: appSyncConfig.apiKey, } }); But without the <Rehydrated> component, and with a Redux <Provider> component. The highest level parent component is wrapped like this: <Provider store={store}>

问题 I'm using the basic client configuration from the example on the first page of https://github.com/awslabs/aws-mobile-appsync-sdk-js repo: const client = new AWSAppSyncClient({ url: appSyncConfig.graphqlEndpoint, region: appSyncConfig.region, auth: { type: appSyncConfig.authenticationType, apiKey: appSyncConfig.apiKey, } }); But without the <Rehydrated> component, and with a Redux <Provider> component. The highest level parent component is wrapped like this: <Provider store={store}>

问题 I have my test written to test async actions. I'm currently getting the following error TypeError: Cannot read poperty 'then' of undefined and it is pointing to the following line in my code return store.dispatch(actions.fetchMovies()).then(() => { Here is my code : async actions test : import { createStore, applyMiddleware } from 'redux'; import initialState from '../reducers/initialState'; import rootReducer from '../reducers/index'; import thunk from 'redux-thunk'; import * as actions from

问题 I have an action that I want to use to initialise my app, I want to create an epic for this action and then fire multiple other actions off the back of this, wait for them to all complete and there fire another action. I had a look at other questions and it's pretty similar to this one I've tried this approach and for me, it doesn't work, it fires the APP_INIT action then but then fails to fire any of the other actions in the sequence. Is anyone able to help? import { of } from 'rxjs'; import

问题 I need to pass theme settings to navigation options of each screen. Settings are stored in redux. In old version I would write something like that: const AppNavigator = StackNavigator({ Home: { screen: MainList }, Settings: { screen: Settings }, NewEvent: { screen: NewEvent }, Contacts: { screen: Contacts }, Map: { screen: Map}, }) And in render function... <AppNavigator screenProps={{ settings: this.props.settings, headerTintColor: '#ffffff' }} /> ...where props.settings is a part of redux

问题 My project has React as frontend and Laravel as backend. I am trying to upload a file and the details of the file appear in state while uploading but not in the controller and hence not able to upload it in folder. Component has <div className="form-group col-sm-4"> <div className="imgPreview">{$imagePreview}</div> <label>Profile Pic</label> <input className="form-control" type="file" name="profile_pic" onChange={(e)=>this._handleImageChange(e)}/> </div> further codes are: _handleImageChange

问题 My project has React as frontend and Laravel as backend. I am trying to upload a file and the details of the file appear in state while uploading but not in the controller and hence not able to upload it in folder. Component has <div className="form-group col-sm-4"> <div className="imgPreview">{$imagePreview}</div> <label>Profile Pic</label> <input className="form-control" type="file" name="profile_pic" onChange={(e)=>this._handleImageChange(e)}/> </div> further codes are: _handleImageChange