撰文 | 川川
前言
在前面的一文React进阶(2)-上手实践Redux-如何获取store的数据当中,已经知道组件怎么获取store的数据,并渲染到页面上,那么在该节当中揭示怎么更改store的数据...最后在组件移除时,销毁时,在componentWillUnmount中取消store的订阅事件
// 组件卸载,移除时调用该函数,一般取消,清理已注册的订阅,定时器的清理,取消网络请求,在这里面操作...(reducer)
真正的新老房信息的变更操作都是在reducer这个函数中完成的,并且它是一个纯函数,必须要有返回值
在Reducer函数中,接收两个参数,第一个是上一次组件的状态值,而第二个是组件具体的动作...,竟然这么多代码,使用vue的话,几行代码就搞定了,Vue中也有vuex这样的数据流管理框架,使用起来也是大同小异,两个各有优点,都很强
使用React编写代码更偏向底层一些的,虽然Redux比较绕,但都是有固定的套路流程的...,其中理解Redux的工作流程是非常重要的
主要开始用ant-design这个UI组件库对todolist做了一个简单的布局,然后如何将组件的数据抽离到Redux中去管理
组件如何获取Redux中store