使用React.js语法将对象呈现到表中

import React from 'react';

class Table extends React.Component {
  render() {
    const { data } = this.props;

    return (
      <table>
        <thead>
          <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Email</th>
          </tr>
        </thead>
        <tbody>
          {data.map((item, index) => (
            <tr key={index}>
              <td>{item.name}</td>
              <td>{item.age}</td>
              <td>{item.email}</td>
            </tr>
          ))}
        </tbody>
      </table>
    );
  }
}

export default Table;

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

const App = () => {
  const data = [
    { name: 'John', age: 25, email: 'john@example.com' },
    { name: 'Alice', age: 30, email: 'alice@example.com' },
    { name: 'Bob', age: 35, email: 'bob@example.com' }
  ];

  return (
    <div>
      <h1>Object Table</h1>
      <Table data={data} />
    </div>
  );
}

export default App;