React Native 中使用Redux

参考https://jspang.com/detailed?id=48和印度同事的代码简单整理一下在RN中使用Redux的步骤

1. 首先我们应该先了解Redux是什么,什么情况下需要用到它

在Redux的官网自述中这样描述

'Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 (如果你需要一个 WordPress 框架,请查看 Redux Framework。)

  可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。不仅于此,它还提供 超爽的开发体验,比如有一个时间旅行调试器可以编辑后实时预览'

  描述的很是神奇,什么可预测,什么时间旅行; 简单来看这就是Android中的EventBus , 可以让我们轻松得管理和操作数据,从而实现应用内页面间的数据共享

 当我们想在多个页面都获取用户信息,或者垮页面间传递数据的时候, Redux可以帮你省掉那些麻烦的读存储和页面传值和接收的动作

 

2. 使用步骤:

1.添加依赖 (版本使用最新的即可)
"react-redux": "^7.2.0",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0"

2.创建行为Action
import { createStore, applyMiddleware} from 'redux';
  import addSubReducer from './reducers/AddSubReducer';
  import thunk from 'redux-thunk';
   
  const store = createStore(addSubReducer, applyMiddleware(thunk));
   
  export {
  store
  };

具体实现代码可以参考我的代码库 https://github.com/Glorycsc/RN_Redux

posted @ 2020-03-17 13:58  GLORY-HOPE  阅读(1257)  评论(0编辑  收藏  举报