如何使用unsplash在循环中生成不同的随机图像

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

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

  useEffect(() => {
    const fetchRandomImage = async () => {
      try {
        const response = await axios.get(
          'https://api.unsplash.com/photos/random?client_id=YOUR_ACCESS_KEY'
        );

        const imageUrl = response.data.urls.regular; // 使用不同尺寸的图片URL

        setImages(prevImages => [...prevImages, imageUrl]);
      } catch (error) {
        console.error('Error fetching random image', error);
      }
    };

    for (let i = 0; i < 10; i++) {
      fetchRandomImage();
    }
  }, []);

  return (
    <div>
      {images.map((image, index) => (
        <img key={index} src={image} alt={`Random Image ${index}`} />
      ))}
    </div>
  );
};

export default RandomImageGenerator;