如何将两个或多个组件嵌入到一个组件中

function ParentComponent({ children }) {
  return (
    <div>
      <h1>Parent Component</h1>
      {children}
    </div>
  );
}
function ChildComponent1() {
  return <p>Child Component 1</p>;
}
function ChildComponent2() {
  return <p>Child Component 2</p>;
}
function App() {
  return (
    <ParentComponent>
      <ChildComponent1 />
      <ChildComponent2 />
    </ParentComponent>
  );
}

function ParentComponent({ child1, child2 }) {
  return (
    <div>
      <h1>Parent Component</h1>
      {child1}
      {child2}
    </div>
  );
}
function ChildComponent1() {
  return <p>Child Component 1</p>;
}
function ChildComponent2() {
  return <p>Child Component 2</p>;
}
function App() {
  return (
    <ParentComponent
      child1={<ChildComponent1 />}
      child2={<ChildComponent2 />}
    />
  );
}