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

import React from 'react';

const FunctionalComponent = () => {
  const data = '这是要传递的数据';
  
  return (
    <div>
      {/* 其他组件内容 */}
    </div>
  );
};

export default FunctionalComponent;

import React from 'react';

class ClassComponent extends React.Component {
  render() {
    const { data } = this.props;
    
    return (
      <div>
        {/* 使用传递的数据 */}
        <p>{data}</p>
        
        {/* 其他组件内容 */}
      </div>
    );
  }
}

export default ClassComponent;

import React from 'react';
import FunctionalComponent from './FunctionalComponent';
import ClassComponent from './ClassComponent';

const ParentComponent = () => {
  return (
    <div>
      <FunctionalComponent />
      <ClassComponent data="这是从功能组件传递的数据" />
    </div>
  );
};

export default ParentComponent;