单击按钮我想在ReactJS中渲染多个组件？

import React from 'react';

class App extends React.Component {
  render() {
    // 创建一个包含组件数据的数组
    const components = [
      { id: 1, name: 'Component 1' },
      { id: 2, name: 'Component 2' },
      { id: 3, name: 'Component 3' }
    ];

    return (
      <div>
        {/* 使用map函数遍历数组，并返回每个组件的JSX表示 */}
        {components.map(component => (
          <Component key={component.id} name={component.name} />
        ))}
      </div>
    );
  }
}

class Component extends React.Component {
  render() {
    return <div>{this.props.name}</div>;
  }
}

export default App;