一个完整的流程:
- 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当做参数传进去,执行。