在react中渲染多个组件

const components = [
  { id: 1, name: 'Component A' },
  { id: 2, name: 'Component B' },
  { id: 3, name: 'Component C' }
];

function App() {
  return (
    <div>
      {components.map(component => (
        <Component key={component.id} name={component.name} />
      ))}
    </div>
  );
}

function Component({ name }) {
  return <div>{name}</div>;
}

const numbers = [1, 2, 3, 4, 5];

function App() {
  return (
    <div>
      {numbers.map(number => (
        <NumberComponent key={number} number={number} />
      ))}
    </div>
  );
}

function NumberComponent({ number }) {
  return <div>{number}</div>;
}