Reactjs:使用 shouldComponentUpdate() 停止在特定状态更改时重新渲染

Question

我的组件加载中有多个 setState。我的页面在单击下拉值时重新呈现，因为单击时我通过 setState 存储这些值。

这里要停止点击时重新渲染，我使用下面的代码。

shouldComponentUpdate() {
    return false
}

现在由于上述功能，我的值没有存储在页面加载时的状态中。有什么我需要额外做的吗？

Answer 1

您声明组件中没有显示任何更改，因为它根本不会重新渲染，因为您已从 shouldComponentUpdate 方法返回了 false。

如果您想限制特定状态更改的渲染，则只需检查该状态并返回 false，否则返回 true，例如

shouldComponentUpdate(nextProps, nextState) {
     if(this.state.dropdownVal != nextState.dropdownval) {
          return false
     }
     return true
}

然而，重新渲染并不是一件坏事，因为 React 渲染过程非常高效，而且您会希望更频繁地在 DOM 中显示更新后的状态。