immutable.js和redux-immutable使用记录

在reducer中不可直接修改数据。
用immutable.js生成immutable对象。
1、安装npm install immutable
2、在reducer.js中引入immutable.js的import {fromJS} from 'immutable' fromJS方法。
3、将原有的js数据对象改变为immutable对象。

const defaultState = fromJS({
  list: false
})

4、在组件中获取immutable对象中的数据用到方法 .get('list')
5、修改immutable对象中的数据用到方法state.set('list', true)
在这里插入图片描述
set方法会结合之前的immutable对象的值和新设置的值,返回一个全新的对象。并没有改原始数据,只返回新数据。
6、安装redux-immutable npm install redux-immutable
redux-immutable提供一个combineReducers()函数,将stroe中最外层的reducer中的state转化为immutable对象(这里涉及到reducer的拆分,拆分用到了与redux中同名的combineReducers()方法)
在这里插入图片描述
7、引入redux-immutable将最顶级的reducer数据转变为immutable对象之后,在页面中获取一个reducer拆分之中的数据的方法为 state.getIn(['header', 'lsit']) 或者 state.get('header).get('list')

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值