如何在reactjs中创建一个完整的类似html的表格？

import React from 'react';

class Table extends React.Component {
  render() {
    return (
      <table>
        {/* 表头 */}
        <thead>
          <tr>
            <th>列1</th>
            <th>列2</th>
            <th>列3</th>
          </tr>
        </thead>
        {/* 表格内容 */}
        <tbody>
          <tr>
            <td>数据1</td>
            <td>数据2</td>
            <td>数据3</td>
          </tr>
          <tr>
            <td>数据4</td>
            <td>数据5</td>
            <td>数据6</td>
          </tr>
        </tbody>
      </table>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>表格示例</h1>
        <Table />
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('root'));