javascript - 在异步函数中执行 createStore 时未定义存储？

Question

在 redux store 中，是否可以将不同的 reducer 集加载到一个 store 中？我的尝试失败了

import userReducers from './reducers'
import adminReducers from './reducers/admin'

//share reducer btw member and admin
let store
getUserRole().then(role => {
   reducers =  role === 'member'
   ? userReducers
   : adminReducers
   console.log('reducers', reducers) 
   store =  createStore(
       reducers,
       composeWithDevTools(
           applyMiddleware(thunk)
       )
   )
})

export default store

我还制作了一个模型来演示这个问题。

https://codesandbox.io/s/n5r445nnom

Answer 1

仔细阅读这个答案

Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference

所以基本上 then 函数中的代码在 undefined store 被导出并在其他文件中使用之后运行

要检查这一点，您还可以在设置商店后添加一个控制台。登录然后运行