首页 > 其他 > 详细

immutable

时间:2020-07-28 17:38:24      阅读:73      评论:0      收藏:0      [点我收藏+]

一、作用

immutable对象是不可直接赋值的对象,它可以有效的避免错误赋值的问题

二、immutable在react中的使用

  • 安装
npm install immutable
  • 使用

在react中,immutable主要是防止state对象被错误赋值。

  • 将js对象转成immutable对象
import { fromJS } from ‘immutable‘;
const defaultState = fromJS({
  todoList: []
});

 

  • 获取属性
state.get(‘todoList‘); // 获取store中的todoList
statae.get([‘Main‘, ‘todoList‘]); // 获取Main组件中store的todoList

 

  • 改变属性
state.set(‘todoList‘, action.value);  // 设置单个属性值
// 设置多个属性
state.merge({
  todoList: fromJS(action.value), // 由于action.value是js对象所以要转成immutable对象
});

 

  • 将immutable对象转成js对象
state.get(‘todoList‘).toJS(); // 把todoList转成js数组

 



immutable

原文:https://www.cnblogs.com/NightTiger/p/13391456.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!