javascript - 导入 redux store 未定义(加载顺序问题?)

标签 javascript react-native redux

更新 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 导致 storeundefined

我的目录结构是这样的

 .  
 ├── 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}

认为“聪明”的默认加载可能会产生一些我不知道/不理解的魔力。同样的错误,未定义

尝试 2getStore() 添加到 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/

相关文章:

reactjs - React-Native支持React 16吗?

javascript - 在 React Native 中,是否可以在键盘打开时调用 onPress

javascript - 将一个对象分配给另一个不带所有字段的对象

javascript - 带有键的组件中缺少唯一的 "key" Prop

javascript - 如何: radio button changing opacity of image

javascript - useEffect inside material ui 选项卡隐藏第三个选项卡

javascript - React-Modal "Cannot Read Property of State of Null"错误

javascript - 在 .append jquery 中循环

reactjs - react native 应用程序中的身份验证和 session 管理

reactjs - 使用 Typescript 和 Redux Toolkit 后在 createAsyncThunk 函数中获取 'Object is of type unknown'