如何从express api中获取多个图像到react应用程序中？

const express = require('express');
const router = express.Router();

router.get('/images', (req, res) => {
  const imageUrls = [
    'https://example.com/image1.jpg',
    'https://example.com/image2.jpg',
    'https://example.com/image3.jpg'
  ];

  res.json({ images: imageUrls });
});

module.exports = router;

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

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

  useEffect(() => {
    fetch('/api/images')
      .then(response => response.json())
      .then(data => setImages(data.images))
      .catch(error => console.log(error));
  }, []);

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

export default ImageGallery;