Axios在调用Laravel API时在react中捕获响应

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

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

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('/api/endpoint'); // 发送GET请求到Laravel API的特定端点
        setData(response.data); // 将响应数据保存到state中
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {data ? (
        <div>
          {/* 在这里使用从Laravel API获取的数据进行渲染 */}
        </div>
      ) : (
        <div>Loading...</div>
      )}
    </div>
  );
};

export default MyComponent;