React re-render

原帖

children 与 组件 作为 props 时不会 触发 re-render

1. ![](https://cdn.bazijun.top/yuqueImg/FudITBgQendsBCoHwWmiDPwqU18Z.png)

使用 React.memo,

2. 用 React.memo 包装的组件会阻止重新渲染，除非这个组件的 props 发生了变化。这对于不依赖于重新渲染的组件，是非常有用的
3. ![](https://cdn.bazijun.top/yuqueImg/FmJplm4An7OjVd6ouPaFUf7Rw0dH.png)
4. <font style="color:rgb(69, 75, 78);background-color:rgb(253, 251, 247);">对于非基础数据类型的 props 都要用 React.memo 包装成为 memoize 值。</font>
5. ![](https://cdn.bazijun.top/yuqueImg/FnbpC4ySmXgFbDgz4UCstkvtgUrf.png)

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！