redux-immutable统一数据格式

博客介绍了在Redux中使用Immutable对象的相关操作。先提到使用命令安装,接着指出之前在header的reducer.js里将header变为Immutable对象后,组件获取属性时数据获取行为不统一,需把state也变成Immutable对象。还说明在总的reducer.js文件中从redux - immutable引用combineReducers,以及用get()方法获取数据。

一、使用命令安装

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值