将类切换到父组件- React

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null
    };
  }

  handleDataChange = (data) => {
    // 处理子组件传递过来的数据
    this.setState({ data });
  }

  render() {
    return (
      <div>
        <ChildComponent onDataChange={this.handleDataChange} />
        <p>从子组件接收到的数据：{this.state.data}</p>
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: ""
    };
  }

  handleChange = (e) => {
    this.setState({ input: e.target.value });
  }

  sendDataToParent = () => {
    // 将子组件中的数据传递给父组件
    this.props.onDataChange(this.state.input);
  }

  render() {
    return (
      <div>
        <input type="text" value={this.state.input} onChange={this.handleChange} />
        <button onClick={this.sendDataToParent}>传递数据给父组件</button>
      </div>
    );
  }
}