如何提高组件的渲染效率的？在React中如何避免不必要的render？

原理

React 组件 render的触发时机：

1. 类组件通过调用 setState 方法触发 render；
2. 父组件一旦发生render渲染，子组件一定也会执行render渲染；

父组件渲染导致子组件渲染，但子组件并没有发生任何改变，此时可以从避免多余的渲染。

例如：当我们想要更新一个子组件的时候，如下图绿色部分：