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

Question

我有几个组件，如果商店的某些部分发生变化，我完全想忽略重新渲染（或对这些组件的任何其他更改）。如何做到这一点？

Answer 1

将 shouldComponentUpdate 函数添加到该组件并且 return false。

shouldComponentUpdate() {
   return false;
}

Answer 2

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

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

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

希望对您有所帮助！

Answer 3

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

Answer 4

除了shouldComponentUpdate，您可以尝试使用组件的属性key来停止re-render。如果预览 key 与下一个 key 相同，React 将不会 re-render 此组件。

How to ignore re-render after store changes?