如何在React JS for Image中使用映射

import React from 'react';

const ImageGallery = ({ images }) => {
  return (
    <div className="image-gallery">
      {images.map((image, index) => (
        <img key={index} src={image.url} alt={image.description} />
      ))}
    </div>
  );
};

export default ImageGallery;

<img src={image.url} alt={image.description} onError={(e) => { e.target.src = 'fallback-image.jpg'; }} />

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

const LazyImage = ({ src, alt }) => {
  const [imageSrc, setImageSrc] = useState('');

  useEffect(() => {
    const img = new Image();
    img.src = src;
    img.onload = () => setImageSrc(src);
  }, [src]);

  return <img src={imageSrc} alt={alt} />;
};