更新 2 - 添加显示问题的最小“工作”示例
我尽可能地缩减了项目,同时仍然显示问题,让人们在感兴趣的情况下尝试想法/调试 github:store_import_test
错误发生在:request.js
注意:我知道赏金即将到期,但如果发生这种情况,我会重新启用它。我非常感谢到目前为止提出的所有想法/帮助!
结束更新2
更新 1 - 目的说明:
我想在“效用函数”中访问存储中的一个值(可以随时间改变)。根据redux docs subscribe
是一个有效的选项。
结束更新
我正在尝试在组件外部导入我的 redux-store(在 request.js
中,见下文)类似于:What is the best way to access redux store outside a react component?
但是,所有这些解决方案(包括 https://github.com/reactjs/redux/issues/776)都不起作用,因为我的 request.js
尝试在 createStore()
被调用之前导入商店 store.js
导致 store
为 undefined
。
我的目录结构是这样的
.
├── app
│ ├── api
│ ├── network
│ | └── request.js
│ ├── app.js
│ ├── store.js
├── index.android.js
├── index.ios.js
index.android/ios.js
是入口点,只需加载 app.js
index.android/ios.js
从'./app/app'导入应用
app.js
import store from './store'
class App extends React.Component {
render() {
return (
<Provider store={store}>
<RootStackNavigation />
</Provider>
)
}
}
store.js
...
const store = createStore(reducer, initialState, middleware())
export default store
request.js
import store from '../../store'
store.subscribe(listener)
...
const someFunc(){}
export default someFunc
我的想法/我尝试过的/我迷路的地方
注意:request.js
中的store
导入路径是有效的,仔细检查
注 2:store
可用于 app.js
和程序的其余部分
我认为 request.js
中的 import store from '../../store'
会触发 const store = createStore(reducer , initialState, middleware())
行,但显然它确实如此。
尝试 1
我也尝试过这样导出商店:
export const store = createStore(reducer, initialState, middleware())
并将其导入 request.js
中:
从'../../store
导入{store}
认为“聪明”的默认加载可能会产生一些我不知道/不理解的魔力。同样的错误,未定义
尝试 2 将 getStore()
添加到 store.js
let store = null
store = createStore(reducer, initialState, middleware())
export function getStore() {
if (store == null) {
store = createStore(reducer, initialState, middleware())
}
return store
}
export default store
不起作用,createStore
的参数尚未初始化。
我一定是误解了加载过程或将其与 python 的加载过程混淆了,但是是什么阻止了它的工作?其他人似乎成功地使用了相同的解决方案(参见上述帖子)。
最佳答案
发现问题。我是对的——这是一个循环。在 store.js
中,您需要 reducers/index.js
然后是 navigation.js
然后是 ../navigators/RootNavigationConfiguration
需要 Home.js
需要 /api/network
需要 request.js
需要 store
位于这个点没有初始化。在导出之前,尝试将 store.subscribe(listener)
与 listener
函数一起移动到 store.js
。不要忘记从 request.js
import store.js
关于javascript - 导入 redux store 未定义(加载顺序问题?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46559415/