ReactJS将来自mongodbstitch的数据显示到表中

npx create-react-app my-app
cd my-app

import React, { useEffect, useState } from 'react';

const Table = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    // 在这里使用适当的方法从MongoDB Stitch获取数据，并将其设置到data状态中
    // 例如，使用fetch API或axios库发送GET请求
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => setData(data));
  }, []);

  return (
    <table>
      <thead>
        <tr>
          <th>列1</th>
          <th>列2</th>
          <th>列3</th>
        </tr>
      </thead>
      <tbody>
        {data.map(item => (
          <tr key={item.id}>
            <td>{item.column1}</td>
            <td>{item.column2}</td>
            <td>{item.column3}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default Table;

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

const App = () => {
  return (
    <div>
      <h1>ReactJS表格示例</h1>
      <Table />
    </div>
  );
};

export default App;

npm start