如何将多个元素传递到React组件中

// 父组件
const data = {
  element1: "Element 1",
  element2: "Element 2",
  element3: "Element 3"
};

function ParentComponent() {
  return <ChildComponent data={data} />;
}

// 子组件
function ChildComponent(props) {
  const { element1, element2, element3 } = props.data;
  return (
    <div>
      <p>{element1}</p>
      <p>{element2}</p>
      <p>{element3}</p>
    </div>
  );
}

// 父组件
const elements = ["Element 1", "Element 2", "Element 3"];

function ParentComponent() {
  return <ChildComponent elements={elements} />;
}

// 子组件
function ChildComponent(props) {
  const { elements } = props;
  return (
    <div>
      {elements.map((element, index) => (
        <p key={index}>{element}</p>
      ))}
    </div>
  );
}