如何在ReactJS中显示数组，其中数组中的每个对象都是新的<td>

import React from 'react';

class ArrayDisplay extends React.Component {
  render() {
    const array = [
      { id: 1, name: 'Object 1' },
      { id: 2, name: 'Object 2' },
      { id: 3, name: 'Object 3' }
    ];

    const tdElements = array.map((obj) => (
      <td key={obj.id}>{obj.name}</td>
    ));

    return (
      <table>
        <tbody>
          <tr>
            {tdElements}
          </tr>
        </tbody>
      </table>
    );
  }
}

export default ArrayDisplay;

import React from 'react';
import ArrayDisplay from './ArrayDisplay';

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>Array Display Example</h1>
        <ArrayDisplay />
      </div>
    );
  }
}

export default App;