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

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

为了停止点击时重新渲染，我使用下面的代码。

shouldComponentUpdate() {
    return false
}

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

您声明组件中没有显示更改，因为它根本不会重新渲染，因为您已经返回false来自shouldComponentUpdate method.

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

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

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