在react中使用redux状态管理

246 阅读1分钟

一个完整的流程:

  • 0.使用中间件创建仓库,并且通过react-redux中的Provider 传入仓库,以便子组件连接仓库,获取状态和派发动作。
  • 1.先构建一个组件
  • 2.实现页面的基本布局和css样式
  • 3.根据后台文档写好调取api的方法,比如axios/fetch 以及使用resful风格
  • 4.在action-types.js文件中定义新的动作类型 并导出
  • 5.在action里添加新的方法,调取后台接口,获取后台数据,并通过payload传参。如果需要发给后台参数,通过getState结构出来,在调取接口的时候处理好并传给后台。
  • 6.在自己的reducer中增加case以处理相应的动作类型
  • 7.组件通过connect连接仓库,并在组件种调用action方法,获取数据处理逻辑

说明:1.派发动作会自动执行renducer,然后把action当做参数传进去,执行。