immutable

Posted 2020-12-19 nighttiger

一、作用

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数组