如何在React中使用Axios显示错误

npm install axios react

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

function MyComponent() {
  const [error, setError] = useState(null);

  // 其他组件代码...

  return (
    // 组件的JSX代码...
  );
}

function MyComponent() {
  const [error, setError] = useState(null);

  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 处理响应数据
      })
      .catch(error => {
        setError(error); // 更新错误状态
      });
  }, []);

  // 其他组件代码...

  return (
    // 组件的JSX代码...
  );
}

function MyComponent() {
  const [error, setError] = useState(null);

  // 其他组件代码...

  return (
    <div>
      {error && <p>发生错误：{error.message}</p>}
      {/* 其他组件内容 */}
    </div>
  );
}