商店更改后如何忽略重新渲染？

Question

如果商店的某些部分发生变化，我有一些组件可以完全忽略重新渲染（或对这些组件的任何其他更改）。怎么办呢？

Answer 1

shouldComponentUpdate(nextProps, nextState) {
   if ('not rerender condition') {
     return false;
   } else {
     return true
   }
}

Answer 2

将shouldComponentUpdate函数添加到该组件并返回false。

shouldComponentUpdate() {
   return false;
}

Answer 3

为了忽略对组件的更新，您应该使用shouldComponentUpdate生命周期方法。这应该在您的组件类中实现，并始终返回false。这是一个例子：

class CustomComponent extends React.Component {
  shouldComponentUpdate() {
    return false;
  }

  render() {
    /* ... */
  }
}

希望这有帮助！

Answer 4

除了shouldComponentUpdate之外，您可以尝试使用组件的属性key来停止重新渲染。如果预览key与下一个key相同，则React不会重新呈现此组件。