当我更新状态时，如何防止重新渲染模式？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      status: ''
    };
  }

  shouldComponentUpdate(nextProps, nextState) {
    // 判断状态是否发生变化，如果没有变化则不重新渲染
    if (this.state.status === nextState.status) {
      return false;
    }
    return true;
  }

  updateStatus(newStatus) {
    this.setState({ status: newStatus });
  }

  render() {
    return (
      <div>
        <button onClick={() => this.updateStatus('New Status')}>
          Update Status
        </button>
        <p>Status: {this.state.status}</p>
      </div>
    );
  }
}