博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在react中使用redux状态管理
阅读量:6290 次
发布时间:2019-06-22

本文共 438 字,大约阅读时间需要 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当做参数传进去,执行。

转载于:https://juejin.im/post/5a7085f7518825733b0f2da2

你可能感兴趣的文章
Algs4-1.4.43大小可变的数组与链表
查看>>
hdoj 1058 Humble Numbers(dp)
查看>>
Falsk的模板分配和蓝图、定制错误信息、 和补充
查看>>
03:创建容器常用选项
查看>>
python常用模块(二)
查看>>
简单天气应用开发——解析HeWeather JSON
查看>>
序列总结
查看>>
回调函数
查看>>
getContentLength() 指为 -1 的解决办法
查看>>
尝试u盘重装系统
查看>>
JS随机数生成算法
查看>>
setTimeout 和 throttle 那些事儿
查看>>
iOS开发UI篇—使用嵌套模型完成的一个简单汽车图标展示程序
查看>>
对小米版百度输入法的认知
查看>>
IOS不支持iframe的解决办法
查看>>
回文字符串问题
查看>>
(转)Tomcat7+Redis存储Session
查看>>
vs2012建一个空解决方案添加以前老版本的Web项目调试弹出window安全
查看>>
C# 实现抓取网页内容(一)
查看>>
golang中并发sync和channel
查看>>