React-使用redux-immutable统一数据格式

　　在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取：

focused:state.header.get('focused')

　　state是一个js对象，state.header是一个immutable对象，所以调用focused这个属性点时候先用.再用.get（），数据获取行为是不统一的。我们需要把state也变成immutable对象而不是js对象。

　　state是在跟目录的总的reducer.js下创建的，我们需要依赖一个redux-immutable库。

1.安装

 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()

const mapStateToProps = (state) => {

      return  {

          focused:state.getIn(['header','focused'])

          //focused:state.get('header').get('focused')

      }

}

巴特西

React-使用redux-immutable统一数据格式

最新文章

热门文章