React使用axios请求并渲染数据

npm install axios

import axios from 'axios';

axios.get('https://api.example.com/users')
  .then(response => {
    // 处理成功响应
    const users = response.data;
    // 渲染数据或进行其他操作
  })
  .catch(error => {
    // 处理错误响应
    console.error(error);
  });

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

const UserList = () => {
  const [users, setUsers] = useState([]);

  useEffect(() => {
    axios.get('https://api.example.com/users')
      .then(response => {
        const users = response.data;
        setUsers(users);
      })
      .catch(error => {
        console.error(error);
      });
  }, []);

  return (
    <div>
      <h1>User List</h1>
      <ul>
        {users.map(user => (
          <li key={user.id}>{user.name}</li>
        ))}
      </ul>
    </div>
  );
};

export default UserList;