如何在react中将同步数据从函数式组件发送到基于类的组件？

function FunctionalComponent(props) {
  const handleDataUpdate = (data) => {
    props.onDataUpdate(data);
  };

  return (
    <div>
      {/* Render the functional component */}
    </div>
  );
}

class ClassComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      syncedData: null
    };

    this.handleDataUpdate = this.handleDataUpdate.bind(this);
  }

  handleDataUpdate(data) {
    this.setState({ syncedData: data });
  }

  render() {
    return (
      <div>
        {/* Render the class component */}
        <FunctionalComponent onDataUpdate={this.handleDataUpdate} />
      </div>
    );
  }
}