将数据从功能组件传递到类组件

// ParentComponent.js
import React, { Component } from 'react';
import ChildComponent from './ChildComponent';
import AnotherClassComponent from './AnotherClassComponent';

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dataFromChild: null,
    };
  }

  handleDataFromChild = (data) => {
    this.setState({ dataFromChild: data });
  };

  render() {
    return (
      <div>
        <ChildComponent onDataReceived={this.handleDataFromChild} />
        <AnotherClassComponent data={this.state.dataFromChild} />
      </div>
    );
  }
}

export default ParentComponent;

// ChildComponent.js
import React from 'react';

const ChildComponent = ({ onDataReceived }) => {
  const sendDataToParent = () => {
    onDataReceived('Hello from ChildComponent');
  };

  return (
    <div>
      <button onClick={sendDataToParent}>Send Data to Parent</button>
    </div>
  );
};

export default ChildComponent;

// AnotherClassComponent.js
import React, { Component } from 'react';

class AnotherClassComponent extends Component {
  render() {
    return (
      <div>
        Data from ChildComponent: {this.props.data}
      </div>
    );
  }
}

export default AnotherClassComponent;