如何从此API获取JSON格式的数据并在我的Reactjs应用程序中显示

import axios from 'axios';

axios.get('API_URL')
  .then(response => {
    const jsonData = response.data;
    // 在这里处理获取到的JSON数据
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

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

const MyComponent = () => {
  const [jsonData, setJsonData] = useState(null);

  useEffect(() => {
    axios.get('API_URL')
      .then(response => {
        setJsonData(response.data);
      })
      .catch(error => {
        console.error('Error fetching data:', error);
      });
  }, []);

  return (
    <div>
      {jsonData ? (
        <pre>{JSON.stringify(jsonData, null, 2)}</pre>
      ) : (
        <p>Loading...</p>
      )}
    </div>
  );
};

export default MyComponent;