react如何使用AJAX

在 React 中，我们可以使用浏览器原生的 fetch API 或者第三方库 axios 来进行 AJAX 请求。

下面是使用 fetch API 的示例代码：

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

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

  useEffect(() => {
    fetchData();
  }, []);

  async function fetchData() {
    try {
      const response = await fetch('/api/data');
      const data = await response.json();
      setData(data);
    } catch (error) {
      console.log(error);
    }
  }

  return (
    <div>{data}</div>
  );
}

在这个示例中，我们使用了 React Hooks 来管理组件的状态，使用 useEffect 来在组件首次渲染时执行 fetchData 方法。fetchData 方法使用 async/await 来发送 AJAX 请求，并将响应数据存储在组件的状态中，然后在组件中显示数据。

如果你想使用 axios 发送 AJAX 请求，可以参考我之前的回答。无论是 fetch 还是 axios，它们都是异步的，因此我们需要使用 async/await 或者 Promise 来处理响应数据。