React Hooks - 发出 Ajax 请求

使用 React Hooks 可以方便地在函数式组件中进行 Ajax 请求。在过去，我们通常会在类组件的生命周期方法中处理这些请求，但是使用 Hooks，我们可以更简洁地编写代码。在本文中，我们将介绍如何使用 Hooks 发出 Ajax 请求，并提供一个实际的案例代码来帮助你更好地理解。

jsx
useEffect(() => {
  // 在这里执行副作用操作
}, [dependencies]);

jsx
import React, { useState, useEffect } from 'react';
import axios from 'axios';
const ExampleComponent = () => {
  const [data, setData] = useState([]);
  useEffect(() => {
    const fetchData = async () => {
      const response = await axios.get('https://api.example.com/data');
      setData(response.data);
    };
    fetchData();
  }, []);
  return (
    
      {data.map(item => (
        
{item.name}
      ))}
    
  );
};
export default ExampleComponent;