撰文 | 川川
前言
在前面的一文React进阶(2)-上手实践Redux-如何获取store的数据当中,已经知道组件怎么获取store的数据,并渲染到页面上,那么在该节当中揭示怎么更改store的数据...(添加,删除todolist操作)
如何改变store的数据,实现页面的更新?
在前文的示例代码中已经知道组件怎么从store中取数据了,然而现在,如果想要更新state的数据?怎么办?...并不能修改,如果想要修改,需要拷贝一份state出来,在新的state基础上进行操作,同时也要将这个新的state进行返回.达到一个以新换旧的操作
最后在组件中如何感知到store的变化,实现数据的同步更新呢...,其中理解Redux的工作流程是非常重要的
主要开始用ant-design这个UI组件库对todolist做了一个简单的布局,然后如何将组件的数据抽离到Redux中去管理
组件如何获取Redux中store...,完成新旧数据的替换,
而在组件中如何获取store的数据,是通过getState方法进行获取store中的所有状态
如何保持页面的组件与store数据同步更新,需要注册订阅subscribe方法,该方法接收一个函数