如何在React JS中从yelp api获取数据？

npx create-react-app my-app

cd my-app
npm install axios

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

const API_KEY = 'YOUR_YELP_API_KEY';
const API_URL = 'https://api.yelp.com/v3/businesses/search';

function App() {
  const [data, setData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get(API_URL, {
          headers: {
            Authorization: `Bearer ${API_KEY}`
          },
          params: {
            location: 'YOUR_LOCATION',
            term: 'YOUR_SEARCH_TERM'
          }
        });
        setData(response.data);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {data ? (
        <ul>
          {data.businesses.map(business => (
            <li key={business.id}>{business.name}</li>
          ))}
        </ul>
      ) : (
        <p>Loading data...</p>
      )}
    </div>
  );
}

export default App;

npm start