redux-immutable统一数据格式
作者:互联网
一、使用命令安装
npm install redux-immutable --save
二、之前在header的reducer.js里把header变成immutable对象之后,在组件里获取focused属性就得这样获取:
focused:state.header.get('focused')
state是一个js对象,state.header是一个immutable对象,所以调用focused这个属性点时候先用.再用.get(),数据获取行为是不统一的。我们需要把state也变成immutable对象而不是js对象。
三、总的reducer.js文件中:combineReducers从redux-immutable中引用,这样combineReducers里的对象就是一个immutable对象。
import { combineReducers } from 'redux-immutable';
import { reducer as headerReducer } from '../common/header/store/index.js';
const reducer = combineReducers({
header: headerReducer
});
export default reducer;
四、获取数据
const mapStateToProps = (state) =>{
return {
focused:state.getIn(['header','focused'])
}
}
也可以用get()方法获取数据,但是是state.get('header').get('focused')
标签:get,js,header,state,focused,数据格式,redux,immutable 来源: https://blog.csdn.net/limingxiaojie/article/details/95359086