如何在ReactJS中点击按钮连续向表格中添加图片

import React, { useState } from 'react';

function App() {
  const [images, setImages] = useState([]);

  // 点击按钮时触发的事件处理函数
  const addImage = () => {
    // 创建一个新的图片对象，可以根据实际需求设置图片的属性
    const newImage = {
      src: '图片地址',
      alt: '图片描述',
    };

    // 将新的图片对象添加到图片列表中
    setImages([...images, newImage]);
  };

  return (
    <div>
      <button onClick={addImage}>添加图片</button>
      <table>
        <tbody>
          {images.map((image, index) => (
            <tr key={index}>
              <td>
                <img src={image.src} alt={image.alt} />
              </td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}

export default App;