Google apis附近的搜索无法将json数据提取到react js中。

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

const NearbySearch = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await axios.get('https://maps.googleapis.com/maps/api/place/nearbysearch/json', {
          params: {
            location: '37.7749,-122.4194', // 经纬度坐标
            radius: 1000, // 搜索半径（米）
            type: 'restaurant', // 搜索类型（如餐厅、咖啡厅等）
            key: 'YOUR_GOOGLE_API_KEY', // 替换为你的 Google API Key
          },
        });

        setData(response.data);
      } catch (error) {
        console.log(error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      {data && (
        <ul>
          {data.results.map((result) => (
            <li key={result.id}>{result.name}</li>
          ))}
        </ul>
      )}
    </div>
  );
};

export default NearbySearch;