将每个数组索引呈现为React中的每个表

const data = ['Apple', 'Banana', 'Orange'];

const tableRows = data.map((item, index) => (
  <tr key={index}>
    <td>{index}</td>
    <td>{item}</td>
  </tr>
));

render() {
  return (
    <table>
      <thead>
        <tr>
          <th>Index</th>
          <th>Item</th>
        </tr>
      </thead>
      <tbody>
        {tableRows}
      </tbody>
    </table>
  );
}