React-Redux系列1:简介和安装

(1)初始化项目
安装完毕后,删除src下其他文件,留下index.js入口文件,如下所示

接下来首先安装redux和react-redux依赖(因为react-redux依赖redux,是在redux基础上建立起来的)
>npm i redux react-redux --save

接下来编写跟组件,先让项目跑起来,如下所示


接着用todolist案例来进行测试,完善代码


接下来开始编写redux相关部分

然后开始编写reducer.js管理员,首先初始化状态

因为reducer.js里只接收纯函数,所以接下来利用纯函数导出

然后在组件里引入redux的store仓库,然后引入初始化状态state里

接下来将对应state状态值传入,如下所示

接着做下完善,可控组件的onChange事件,详见下节.
.

浙公网安备 33010602011771号