Question

我的项目遇到了一个大问题，没有它就无法继续。

我有2个屏幕：例如一个用于主页面，另一个用于第二页面。因此，我的导航抽屉中有两个部分。

在主页面中，我将状态保存到我的商店并获取此信息：

object: {
    fruits: ['apple', 'orange', 'banana'],
    drinks: ['mojito', 'colar']
}

我想访问mainPage的商店，所以在我的第二页中我做了：

store.getState（）。

我得到了

object: {
    fruits: [],
    drinks: []
}

所以我得到了相同的状态，但它是空的。我不明白为什么。如果你有任何想法。如果有必要，我可以稍后再向您展示我的代码。

我的商店：

import { createStore, applyMiddleware } from 'redux';
import logger from 'redux-logger';
import thunk from 'redux-thunk';
import { composeWithDevTools } from 'remote-redux-devtools';
import reducer from '../reducers';

const middleware = applyMiddleware(thunk, logger);

export default function configureStore(initialState) {
  const store = createStore(
    reducer,
    initialState,
    middleware
  );

  return store;
};

对于每个组件，都有一个容器？或者只有一个容器适用于所有组件？我真的不明白。对不起，我是React-Native，Redux和导航抽屉的新手。我很难让它们一起工作..

问题可能在connect（）中，但我通常将它们连接在一起

Answer 1

抱歉，如果没有看到你的减速机，我会说晚了很难。在您的主页中，您需要发送操作，这将触发水果和饮料阵列的连接。您还可以在函数声明之外移动商店声明并将其导出。在其他屏幕中导入和调用它将允许您访问它，但这不是推荐的方式。标准方法是调用mapStateToProps方法并将其连接到组件。

React-Native - Redux - 访问商店

我的商店：

1 个答案: