在React.js中更改组件的父项

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      parentData: '初始数据'
    };
  }

  updateParentData = (newData) => {
    this.setState({ parentData: newData });
  }

  render() {
    return (
      <div>
        <ChildComponent parentData={this.state.parentData} updateParentData={this.updateParentData} />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleClick = () => {
    this.props.updateParentData('更新后的数据');
  }

  render() {
    return (
      <div>
        <p>父组件数据：{this.props.parentData}</p>
        <button onClick={this.handleClick}>更新父组件数据</button>
      </div>
    );
  }
}

ReactDOM.render(<ParentComponent />, document.getElementById('root'));