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

(1)初始化项目

  安装完毕后,删除src下其他文件,留下index.js入口文件,如下所示

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

 

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

>npm i redux react-redux --save

  React-Redux系列1:简介和安装_初始化_03

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

  React-Redux系列1:简介和安装_初始化_04

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

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

  React-Redux系列1:简介和安装_初始化_06

  React-Redux系列1:简介和安装_初始化_07

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

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

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

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

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

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

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

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

 

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

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

 

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

  

  

 

.