immutable

作者: 灯光树影 | 来源:发表于2018-10-20 15:08 被阅读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.haomeiwen.com/subject/jahmzftx.html