React前端渲染优化--父组件导致子组件重复渲染的问题
·
1.适用场景：
当父组件本身状态更新时，这个状态并没有作为props传给子组件，也会触发子组件更新机制。这样就造成了组件重复渲染的问题
2.解决
类组件：pureComponent
它是一个类, 组件继承自它后, 其作为子组件时, 每次父组件更新后, 会浅对比传来的props是否变化, 若没变化, 则子组件不更新
函数组件：React.memo
同上条功能类似, 当其作用于函数式组件并且作为子组件时, 每次父组件更新后, 会浅对比传来的props是否变化, 若没变化, 则子组件不更新。
上面两个都区别在于, 一个是类, 一个是高阶组件, 前者作用于类后者作用于函数
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)