06react中 Immutable的使用

Immutable 数据结构

immutable 可持久化的数据结构(不会突变的数据结构)

Immutable 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。

安装

yarn add immutable
# or
npm install inmutable -S

引入

import Immutable from 'immutable'

使用

建立纯组件

做性能优化的时候，可以考虑纯组件，因为纯组件消耗的性能要比传统组件低一些。

纯组件栈的变化，才能导致视图层重新渲染。

class Comp extends PureComponent{
   

}

需求分析

我们要做的是，组件中有一个叫做todos的属性，它是数组，初始化的时候有1千万个成员，每当点击视图层“添加按钮”时，追加一个新成员进去。

class Comp extends PureComponent{
   
    constructor(){
   
        super();
        this.state = {
   
            todos : [