如何遍历数组并将值赋给另一个组件

// 假设有一个数组data，要将其值赋给另一个组件的props属性
const data = [1, 2, 3, 4, 5];

// 假设另一个组件为ChildComponent，其中有一个props属性data用于接收数组值
const ChildComponent = (props) => {
  // 在ChildComponent组件中使用props.data来访问数组值
  return (
    <div>
      {props.data.map((value, index) => (
        <p key={index}>{value}</p>
      ))}
    </div>
  );
};

// 在父组件中使用循环遍历数组，并将值赋给ChildComponent组件的props属性data
const ParentComponent = () => {
  return (
    <div>
      {data.map((value, index) => (
        <ChildComponent key={index} data={value} />
      ))}
    </div>
  );
};