在react、redux中immutable.js的使用方法(immutable对象)

版权声明:初心 - 杨瑞超个人博客整理,转载请注明出处: https://blog.csdn.net/qq_42817227/article/details/86082739

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

官方文档:https://facebook.github.io/immutable-js/docs/#/ ,这个是需要翻墙的噢~

今天来研究下immutable.js的使用方法:

概述

因为在redux的过程中,我们不能直接改变state数据,需要返回一个全新的state,但是在有时候不小心就改变了原来的state,导致页面报错,immutable.js可以避免此错误。

使用方法

安装:

npm i redux-immutable -S

在reducer中引入:

// 可以将js对象转化为immutable对象
import { fromJS } from 'immutable'

使用fromJS:

const defaultState = fromJS({
    link: 'www.chao99.top'
});

获取:

//一层数据
defaultState.get('link')
//多层数据
defaultState.getIn(['web','link']) //获取web里面的link

设置:

defaultState.set('link', 'blog.chao99.top')

猜你喜欢

转载自blog.csdn.net/qq_42817227/article/details/86082739