如何在可扩展的react表中创建包含一个单元格的行？

import React from 'react';

class TableRow extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      cellValue: props.cellValue
    };
  }

  render() {
    return (
      <tr>
        <td>{this.state.cellValue}</td>
      </tr>
    );
  }
}

class Table extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: props.data
    };
  }

  render() {
    return (
      <table>
        <tbody>
          {this.state.data.map((row, index) => (
            <TableRow key={index} cellValue={row} />
          ))}
        </tbody>
      </table>
    );
  }
}

// 在父组件中使用Table组件
class App extends React.Component {
  render() {
    const data = ['Value 1', 'Value 2', 'Value 3'];
    return <Table data={data} />;
  }
}