react axios

React 是一个流行的 JavaScript 库，用于构建用户界面。而 Axios 是一个用于发起 HTTP 请求的库。在 React 中使用 Axios 可以方便地与后端 API 进行通信。

要在 React 中使用 Axios，首先需要安装 Axios 库。可以通过运行以下命令来安装 Axios：

npm install axios

安装完成后，可以在 React 组件中引入 Axios，并使用它发起 HTTP 请求。以下是一个简单的示例：

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

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

  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then(response => {
        setData(response.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;

在上面的示例中，我们在组件的 `useEffect` 钩子中使用 Axios 发起了一个 GET 请求，并将获取到的数据存储在组件的状态中。然后，根据数据是否存在，我们渲染不同的内容。

这只是一个简单的示例，你可以根据具体的需求和后端 API 的接口来调用不同的 Axios 方法，如 `post`、`put`、`delete` 等，以及设置请求头、传递参数等。详细的使用方法可以参考 Axios 的官方文档。