• react中为什么要使用immutable


    因为在react中,react的生命周期中的setState()之后的shouldComponentUpdate()阶段默认返回true,所以会造成本组件和子组件的多余的render,重新生成virtual dom,并进行virtual dom diff,所以解决办法是我们在本组件或者子组件中的shouldComponentUpdate()函数中比较,当不需要render时,不render。

    当state中的值是对象时,我们必须使用深拷贝和深比较!

    如果不进行深拷贝后再setState,会造成this.state和nextState指向同一个引用,所以shouldComponentUpdate()返回值一定是false,造成state值改了,而组件未渲染(这里不管shouldComponentUpdate中使用的是深比较还是浅比较)。所以必须深拷贝。

    如果不在shouldComponentUpdate中进行深比较,会造成即使state中的对象值没有改变,因为是不同的对象,而在shouldComponentUpdate返回true,造成不必要的渲染。

    所以只能是深拷贝和深比较。

    而深拷贝和深比较都浪费浏览器的性能,所以immutable登场了。

  • 相关阅读:
    OC 属性关键字
    OC NSArray数组排序
    OC NSNumber和NSValue和NSDate和NSData
    OC Foundation框架—字符串操作方法及习题
    OC 类对象和类加载
    OC Xcode中常见的错误
    OC self注意事项
    OC 弱语法
    OC 对象和函数
    [Android算法] bitmap 将图片压缩到指定的大小
  • 原文地址:https://www.cnblogs.com/wbxjiayou/p/7487687.html
Copyright © 2020-2023  润新知