如何在React中进行数据获取

在React中进行数据获取通常会使用fetch API或者Axios等工具库来发送网络请求。以下是一个使用fetch API获取数据的示例：

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

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

  useEffect(() => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => setData(data))
      .catch(error => console.error(error));
  }, []);

  return (
    <div>
      {data ? (
        <ul>
          {data.map(item => (
            <li key={item.id}>{item.name}</li>
          ))}
        </ul>
      ) : (
        <p>Loading...</p>
      )}
    </div>
  );
};

export default MyComponent;

在上面的示例中，我们使用了useState来存储获取到的数据，并且使用useEffect来发送网络请求。当组件加载时，useEffect会发送网络请求并将获取到的数据存储在data中，然后在页面上展示出来。

请注意，fetch API是现代浏览器原生支持的，如果需要在旧版浏览器中兼容，可以考虑使用Axios等工具库。