如何使用react.js从RESTAPI中获取数据

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

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

function DataFetching() {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('https://api.example.com/data') // 替换为你的REST API地址
      .then(response => response.json())
      .then(data => setData(data));
  }, []);

  return (
    <div>
      <h2>Data from REST API:</h2>
      <ul>
        {data.map(item => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
    </div>
  );
}

export default DataFetching;

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

function App() {
  return (
    <div className="App">
      <DataFetching />
    </div>
  );
}

export default App;

npm start