react之路：使用redux-immutable

github倉庫地址：https://github.com/wanghao12345/react-book

簡介

咱們在使用redux中的combineReducers用來分離reducer後，若是組件去訪問數據時，須要訪問多一層屬性，爲了將訪問這一層屬性的方式變成使用函數進行訪問。這裏就可使用redux-immutable中的combineReducers。

使用

1.引入redux-immutable中的combineReducers

將reducer.js中

import { combineReducers } from 'redux'

變成

import { combineReducers } from 'redux-immutable'

2.使用

 1 /**
 2  * 將倉庫的state映射到props(獲取state)
 3  * @param state
 4  */
 5 const mapStateToProps = (state) => {
 6     return {
 7         // 沒有使用immutable
 8         // focused: state.header.focused
 9         // 使用了immutable
10         // focused: state.header.get('focused')
11         // 使用了redux-immutable(兩種寫法都可)
12         // focused: state.get('header').get('focused')
13         focused: state.getIn(['header', 'focused'])
14     }
15 }