如何从react前端使用axios在组件加载时从nodejs获取对象(useEffect)

npm install axios

yarn add axios

import axios from 'axios';

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

const YourComponent = () => {
  const [data, setData] = useState({}); // 用于存储获取的对象数据

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('/api/your-endpoint'); // 发送GET请求到Node.js服务器的某个API端点
        setData(response.data); // 将获取的对象数据存储到state中
      } catch (error) {
        console.error('Error:', error);
      }
    };

    fetchData(); // 调用数据获取函数
  }, []); // 空数组作为第二个参数，表示仅在组件加载时执行一次

  return (
    <div>
      {/* 在组件中使用获取到的对象数据 */}
      <h1>{data.title}</h1>
      <p>{data.description}</p>
    </div>
  );
};

export default YourComponent;