Question

我正在开发一个移动应用程序，该应用程序将需要管理整个应用程序的状态。为了解决这个问题，我决定将redux集成到Tech堆栈中。当我尝试将Redux存储连接到应用程序以访问存储中包含的信息时，我在模拟器中收到一条错误消息，该错误提示我需要将具有state属性的Provider作为父级传递给App组件。我尝试通过文件系统顶层的index.js文件执行此操作；在AppRegistry registerComponent方法中，将“ appName”与Provider一起包装，并添加商店作为道具，没有运气。任何建议都会有所帮助。

https://github.com/Wheaties247/filcrum

Answer 1

好像没有在项目中设置redux。

您应该在主要组件上执行类似的操作

import React from 'react';
import { AppRegistry } from 'react-native';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';

import AppReducer from './src/reducers';
import { AppNavigator, middleware } from './src/navigators/AppNavigator';

const store = createStore(AppReducer, applyMiddleware(middleware));

class ReduxExampleApp extends React.Component {
  render() {
    return (
      <Provider store={store}>
        <AppNavigator />
      </Provider>
    );
  }
}

AppRegistry.registerComponent('ReduxExample', () => ReduxExampleApp);

export default ReduxExampleApp;

检查React Navigation文档以获取有关Redux集成的更多信息 https://reactnavigation.org/docs/en/redux-integration.html#docsNav

将Redux集成到使用react-navigation的React-Native应用程序中

1 个答案: