从React中的父JSON数据中获取所有子项

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

const parentData = {
  items: [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' }
  ]
};

const ParentComponent = () => {
  return (
    <div>
      <ChildComponent data={parentData} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = (props) => {
  const { data } = props;
  const { items } = data;

  // 获取所有子项
  const childItems = items.map(item => (
    <div key={item.id}>{item.name}</div>
  ));

  return <div>{childItems}</div>;
};

export default ChildComponent;