react-native and redux

一、安装相关库

yarn add redux
yarn add react-redux
yarn add react-navigation

二、创建相关文件夹

相关文件夹

三、创建Root.js文件

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import configureStore from './store/ConfigureStore';

import App from './container/App';

const store = configureStore();

export default class Root extends Component {
  render() {
    return (
      <Provider store={store}>
        <App/>
      </Provider>
    )
  }
}

四、创建/src/constainer/App.js

'use strict';

import { combineReducers } from 'redux';
import test from './test';

const rootReducer = combineReducers({
    test: test,
});

export default rootReducer;

五、创建/src/store/ConfigureStore

'use strict';

import React, { Component } from 'react';
import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import rootReducer from '../reducers/index';

const createStoreWithMiddleware = applyMiddleware(thunkMiddleware)(createStore);

export default function ConfigureStore(initialState) {
    const store = createStoreWithMiddleware(rootReducer, initialState);
    return store;
};
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容