如何将一个组件(包含jsx代码)作为道具发送到另一个组件

import React from 'react';

const SourceComponent = () => {
  return (
    <div>
      <h1>Hello, World!</h1>
    </div>
  );
};

export default SourceComponent;

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

const ParentComponent = () => {
  return (
    <div>
      <h2>Parent Component</h2>
      <TargetComponent source={<SourceComponent />} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const TargetComponent = (props) => {
  return (
    <div>
      <h3>Target Component</h3>
      {props.source}
    </div>
  );
};

export default TargetComponent;