ant design 预览图片_Image.PreviewGroup 动态删除或替换图片，预览状态下还可以显示删除图片...

代码code如下：

`import React from "react";

import ReactDOM from "react-dom";

import { useState } from "react";

import { Button, Image, version } from "antd";

import "antd/dist/antd.css";

import "./index.css";

const defaultImages = [

{

width: 100,

src: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"

}

];

function ImagePreview() {

const [images, setImages] = useState(defaultImages);

const imagesHandle = () => {

setImages([

{

width: 100,

src:

"https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"

}

]);

};

return (

{images.map((image) => (

))}

点击按钮，再点击图片预览出异常

);

}

ReactDOM.render(

antd version: {version},

document.getElementById("root")

);

`