在header的reducer.js里把header变成immutable对象以后,在组件里获取focused属性就得这样获取:npm
focused:state.header.get('focused')
state是一个js对象,state.header是一个immutable对象,因此调用focused这个属性点时候先用.再用.get(),数据获取行为是不统一的。咱们须要把state也变成immutable对象而不是js对象。redux
state是在跟目录的总的reducer.js下建立的,咱们须要依赖一个redux-immutable库。spa
1.安装code
npm install redux-immutable --save
2.跟目录下总的reducer.js里:combineReducers再也不用rudux里的,而是redux-immutable里的,这样combineReducers里的对象就是一个immutable对象。对象
//combineReducers再也不用rudux里的,而是redux-immutable里的,这样combineReducers里的对象就是一个immutable对象 //import {combineReducers} from 'redux' import {combineReducers} from 'redux-immutable' import {reducer as headerReducer} from '../common/header/store' const reducer=combineReducers({ header:headerReducer }); export default reducer;
3.获取数据的时候用get(),或者getIn()blog
const mapStateToProps = (state) => { return { focused:state.getIn(['header','focused']) //focused:state.get('header').get('focused') } }