Reducer 是纯函数

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

下面再设计一下 postsReducer 要做的事儿 .. 可以用一个 switch ... 判断一下 action 的 type ... 添加一种情况 .. 如果动作的类型是 ADD_POST ..

返回处理之后的 posts 数据 .. 在这个 reducer ,state 表示的是应用的 state 里面的 posts 这块数据 ..

发生 ADD_POST 这个动作,我们可以返回原有的 posts 数据,再加上动作里面包含的新的内容项目 .. 要注意的是 Reducer 函数必须是纯函数 ..

我们不能直接修改 state 的值 .. 需要生成新的 state ... 这里可以 return 一个数组 .. 先把 state 里的项目放进来 .. 这里我们用了一个 spread 操作符 ..

然后再添加一个新的项目 .. 项目的内容就是 action 里的 post 里面的内容 .. 这样在指派 ADD_POST 这个动作的时候,除了 type 以外,动作里还得有个 post 属性,它的值应该是一个内容项目 ..

再添加一种默认的情况 ... 可以直接返回原有的 state ...

复制一下 ... 再把它们粘贴到下面这个 commentsReducer 里面 ... 修改一下动作的名字 .. ADD_COMMENT ..

返回的一组新的 comments 数据 .. 里面的内容就是原有的评论项目 .. 再加上 ADD_COMMENT 动作里面带着的新的评论项目 ...

Reducer 是纯函数《 Redux:数据管理 》

统计

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

社会化网络

关于

微信订阅号

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