zoukankan      html  css  js  c++  java
  • 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')
          }    
    }
  • 相关阅读:
    AntD 学习到的小技巧
    AntD 组件总结
    React 类组件的一些基本概念
    Angular 双向绑定的二三事
    node开发中通过命令行切换环境
    我使用的高德地图API
    设置cookie和获取cookie
    纯js事件注册方法(解决兼容性)
    选择器nth-child与nth-of-type之间的异同点
    怎么使用百度分享
  • 原文地址:https://www.cnblogs.com/superlizhao/p/9474859.html
Copyright © 2011-2022 走看看