介绍与准备项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在上一个关于 Redux 的课程里面,我们介绍了 Redux 的一些核心的概念。我们知道应用的数据是一个对象,可以放在一个 store 里面管理。修改应用的数据要指派动作,动作会在 reducer 里面处理,reducer 收到动作检查动作的类型,再根据动作里带的其它的数据,加工生成应用需要的新的数据,再返回这个新生成的数据 .. 应用可以订阅数据发生的变化,如果有变化,可以去做点反应,比如可以重新渲染页面显示修改之后的数据。

在这个课程里,我们主要目的是去了解一下 React 与 Redux 怎么样配合到一块儿去用 ..

先打开系统的命令行工具 .. mac 打开终端,windows 用户可以下载安装一个 cmder .. 进入到之前创建的这个 redux 项目 .. cd ~/desktop/ninghao-redux

在项目下面再安装一个 react-redux,这个包里面提供了一些工具,可以让 React 跟 redux 绑定到一块儿用 ..

yarn add react-redux

完成以后,再执行一下 yarn start .. 创建好服务以后,会自动在浏览器上打开项目 ..

再用编辑器打开项目 ... 这里我用的是一款叫 atom 的编辑器 ...

整理

打开项目的 src 下面的 index.js .. 之前我们在这个文件里写了几行代码 .. 比如定义了几个 reducers .. 下面可以把它们单独放在一个地方 ..

先剪切一下这几个 reducers ...

再去新建一个文件 .. 放在 src/reducers 的下面,名字是 index.js ..

把代码粘贴到这里 ..

这里还需要一个 combineReducers .. 在文件的顶部 .. import .. 把 combineReducers 从 redux 里面拿出来用一下 ...

然后在文件的底部,再导出这里定义的 mainReducer .. export default mainReducer ..

回到 src .. index.js ..

在这个文件里,combineReducer 已经用不到了,可以把它去掉 .. 下面再导入一个 mainReducer .. from ./reducers ..

介绍与准备项目《 Redux 与 React 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点