React Native：shouldComponentUpdate() 不会阻止调用 render()

Question

我有一个 React Native 组件，我想在其中阻止调用 render() 方法。

class A extends Component {
  shouldComponentUpdate() {
    return false;
  }
  render() {
    return(...)
  }
}

在shouldComponentUpdate中返回false应该会阻止render()被调用，但事实并非如此。 我做错了什么吗？

Answer 1

实际上，它会阻止重新渲染，但不会阻止初始渲染。 这记录在这里。

使用 shouldComponentUpdate() 让 React 知道组件的 output 是否不受 state 或 props 中当前更改的影响。 默认行为是在每次 state 更改时重新渲染，在绝大多数情况下，您应该依赖默认行为。

和

当收到新的道具或 state 时，在渲染之前调用 shouldComponentUpdate() 。 默认为真。 初始渲染或使用 forceUpdate() 时不会调用此方法。

因此，如果您返回 false，那么您只会阻止对 state 更改的重新呈现。

Answer 2

您可以尝试使用挂钩 useMemo 或 useCallback https://reactjs.org/docs/hooks-reference.html来选择您要更新的内容