Redux：我们应该在哪里为初始化状态设置反应应用程序

Question

例如：我希望当反应应用程序被打开时，它将创建一个key为“user”的redux树，并且值是用户对象从LocalStorage进行解析（当用户被登录）。

我想我应该把createStore。这是我创建存储代码：

import { applyMiddleware, compose, createStore } from 'redux'; 
import thunk from 'redux-thunk'; 
import { browserHistory } from 'react-router'; 
import { syncHistoryWithStore } from 'react-router-redux'; 

import makeRootReducer from './reducers'; 
import { updateLocation } from './location'; 

export default (initialState = {}) => { 
    const middleware = [thunk]; 
    const enhancers = []; 

    let composeEnhancers = compose; 
    const store = createStore(
    makeRootReducer(), 
    initialState, 
    composeEnhancers(applyMiddleware(...middleware), ...enhancers) 
); 
    window.store = store; 
    store.asyncReducers = {}; 

    store.unsubscribeHistory = browserHistory.listen(updateLocation(store)); 

    // const history = syncHistoryWithStore(browserHistory, store); 
    // console.log(history); 

    return { store: store, history: null }; 
}; 

因此，作为权作为存储中创建，我初始化对象：

const store = createStore(
    makeRootReducer(), 
    initialState, 
    composeEnhancers(applyMiddleware(...middleware), ...enhancers) 
); 
    store.getState().sampleString = "StackOverFlow"; 

但是，当我反应过来的应用程序开始时，我没有看到“sampleString”键在这个redux树。请帮我弄清楚哪一部分是我错了。

感谢

Answer 1

导出此函数：

export default (initialState = {}) => { 
    const middleware = [thunk]; 
    const enhancers = []; 

    let composeEnhancers = compose; 
    const store = createStore(
    makeRootReducer(), 
    initialState, 
    composeEnhancers(applyMiddleware(...middleware), ...enhancers) 
); 
    window.store = store; 
    store.asyncReducers = {}; 

    store.unsubscribeHistory = browserHistory.listen(updateLocation(store)); 

    // const history = syncHistoryWithStore(browserHistory, store); 
    // console.log(history); 

    return { store: store, history: null }; 
}; 

让调用该函数X。你应该像这样来调用它：

X({sampleString: "StackOverflow"}); 

你必须避免使用像幽会这一个改变状态：

store.getState().sampleString = "StackOverFlow";