将React组件列表显示到表中

import React, { Component } from 'react';

class Table extends Component {
  render() {
    const data = [
      { name: 'Component 1', description: 'This is component 1' },
      { name: 'Component 2', description: 'This is component 2' },
      { name: 'Component 3', description: 'This is component 3' }
    ];

    return (
      <table>
        <thead>
          <tr>
            <th>Name</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>
          {data.map((component, index) => (
            <TableRow key={index} name={component.name} description={component.description} />
          ))}
        </tbody>
      </table>
    );
  }
}

class TableRow extends Component {
  render() {
    const { name, description } = this.props;

    return (
      <tr>
        <td>{name}</td>
        <td>{description}</td>
      </tr>
    );
  }
}

export default Table;