如何将子组件传递给React可重用组件？

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

const ParentComponent = () => {
  const childData = 'Hello from child component';

  return (
    <div>
      <ReusableComponent childComponent={<ChildComponent data={childData} />} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ReusableComponent = (props) => {
  return (
    <div>
      {/* 在需要的地方使用子组件 */}
      {props.childComponent}
    </div>
  );
};

export default ReusableComponent;