码迷,mamicode.com
首页 > 其他好文 > 详细

immutable

时间:2020-07-28 16:56:40      阅读:54      评论:0      收藏:0      [点我收藏+]

标签:defaults   npm   pre   imm   lis   from   防止   安装   span   

一、作用

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

标签:defaults   npm   pre   imm   lis   from   防止   安装   span   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!