useContext + useReducer

redux
去到管理 redux 的文件夹,思考把这个状态放到状态树的哪个位置,然后新建一个文件夹并命名 myFeature。
创建三个文件 my-feature/actions.js 、my-feature/reducer.js、my-feature/type.js
combineReducer 和并 reduce
将 action 引入到组件中
通过 connect HOC 与你的组件相连
增加两个方法 mapStateToProps 和 mapDispatchToProps
[//www.greatytc.com/p/6127d4b1e3ce]
[https://juejin.im/post/5ceb37c851882520724c7504#heading-10]

useContext 和 useReducer 是 React 16.8 引入的新 API。
useContext 创建全局状态,不用一层一层的传递状态。
useReducer 创建 reducer 根据不同的 dispatch 更新 state。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • plugin 插件,对现有的框架进行扩充 1.htmlWebpackPlugin插件打包index.htmlnpm...
    sll_阅读 890评论 0 0
  • 快速入门:让你可以看懂TypeScript的简单代码 一:类型注解 TypeScript 是 JavaScript...
    天蓬大元阅读 3,392评论 1 0
  • ## 自己基于html-docx-js封装的功能更全的转word库 ## 新的功能点 * word的页眉页脚可以通...
    xuqingcheng阅读 1,885评论 0 1
  • 概述 PHP 的扩展库有两种编译形式。一种是在编译 PHP 时,指定参数,将扩展静态化编译到 PHP 二进制文件中...
    simonkuang阅读 4,406评论 1 0
  • DAY1-庐州月 提升学习效率 搜索引擎 谷歌(学术专用)必应(图片专用) 查找 Windows系统 使用ever...
    冉芽阅读 4,106评论 0 0