immutable的使用(优化级深拷贝)

一、作用

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

二、安装

$ 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数组
上一篇:vue TodoList 案例 (对父组件到孙组件传递)用全局事件总线实现


下一篇:Ubuntu系统下为Avalonia应用创建桌面图标