使用使用axios的get请求的结果填充一个对象(在React js中)

npm install axios

import axios from 'axios';

const fetchData = () => {
  axios.get('https://api.example.com/data')
    .then(response => {
      const responseData = response.data;
      // 假设响应数据的结构为 { name: 'John', age: 25 }
      const updatedDataObject = {
        name: responseData.name,
        age: responseData.age
      };
      setDataObject(updatedDataObject);
    })
    .catch(error => {
      console.error('Error fetching data:', error);
    });
};

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

const MyComponent = () => {
  const [dataObject, setDataObject] = useState({});

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    axios.get('https://api.example.com/data')
      .then(response => {
        const responseData = response.data;
        // 假设响应数据的结构为 { name: 'John', age: 25 }
        const updatedDataObject = {
          name: responseData.name,
          age: responseData.age
        };
        setDataObject(updatedDataObject);
      })
      .catch(error => {
        console.error('Error fetching data:', error);
      });
  };

  return (
    <div>
      <p>Name: {dataObject.name}</p>
      <p>Age: {dataObject.age}</p>
    </div>
  );
};

export default MyComponent;