在react中显示来自google search api的图像

npm install axios

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

const ImageSearch = () => {
  const [images, setImages] = useState([]);

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

  const fetchImages = async () => {
    try {
      const response = await axios.get(
        `https://www.googleapis.com/customsearch/v1?key=YOUR_API_KEY&cx=YOUR_SEARCH_ENGINE_ID&q=SEARCH_KEYWORD`
      );
      setImages(response.data.items);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      {images.map((image) => (
        <img key={image.link} src={image.link} alt={image.title} />
      ))}
    </div>
  );
};

export default ImageSearch;

<ImageSearch />