如何使子部件在父部件的状态更改时进行更新？

// 父部件
import React from 'react';
import { connect } from 'react-redux';

class ParentComponent extends React.Component {
  handleClick = () => {
    // 修改状态
    this.props.updateStatus('new status');
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>修改状态</button>
        <ChildComponent />
      </div>
    );
  }
}

// 子部件
class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        当前状态：{this.props.status}
      </div>
    );
  }
}

// 将状态映射到子部件的props中
const mapStateToProps = (state) => {
  return {
    status: state.status
  };
};

// 将更新状态的方法映射到子部件的props中
const mapDispatchToProps = (dispatch) => {
  return {
    updateStatus: (newStatus) => {
      dispatch({ type: 'UPDATE_STATUS', payload: newStatus });
    }
  };
};

// 使用connect函数连接父部件和子部件
const ConnectedParentComponent = connect(mapStateToProps, mapDispatchToProps)(ParentComponent);

export default ConnectedParentComponent;