demo01、demo02 是跟着技术胖教程学下手动过程 https://jspang.com/detailed?id=48
- store 必须是唯一的,不能有多个
- reducer 不能改 store 数据,要返回新 state
- reducer 必须是纯函数 dispatch 只支持传对象,不能传函数。添加 redux-thunk 中间件,增强 redux 功能使 dispatch 支持函数,且支持异步函数
使用 react-redux 包装组件,更进一步地封装使用 redux 吧
https://redux.js.org/tutorials/quick-start 跟着官网,使用官网推荐的@reduxjs/toolkit,更方便地使用 redux,有种手动档->自动档的赶脚。 基于 create-react-app,手抄一遍官方的模板。 实际使用,只有执行如下命令便可得到
create-react-app my-app --template redux