immutable

一、作用

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数组
    
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容