React-Native - Redux - 访问存储答案

【问题标题】：React-Native - Redux - access to storeReact-Native - Redux - 访问存储
【发布时间】：2017-07-16 08:42:09
【问题描述】：

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

我有 2 个屏幕：例如一个用于主页，另一个用于第二页。所以，我的导航抽屉中有 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() 中，但我将它们正常连接在一起

【问题讨论】：

标签： javascript android reactjs react-native redux

【解决方案1】：

抱歉，我在没有看到你们的减速机的情况下说什么有点晚了。在您的主页中，您需要调度将触发连接到水果和饮料数组的操作。您还可以将您的商店声明移到函数声明之外并将其导出。在其他屏幕中导入和调用它可以让您访问它，但这不是推荐的方式。标准方法是调用 mapStateToProps 方法并将其连接到您的组件。

【讨论】：