如何在React JS中使用Zomato API

npm install axios

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

const ZomatoComponent = () => {
  const [restaurants, setRestaurants] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('https://developers.zomato.com/api/v2.1/...');
        setRestaurants(response.data.restaurants);
      } catch (error) {
        console.error(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {restaurants.map((restaurant) => (
        <div key={restaurant.id}>
          <h3>{restaurant.name}</h3>
          <p>{restaurant.location}</p>
          {/* 其他餐厅数据 */}
        </div>
      ))}
    </div>
  );
};

export default ZomatoComponent;