在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')