react上传附件,视图没有更新的解决方案

场景:在上传图片列表的时候,点击图片右上角的x删除已上传的图片块的时候,使用hooks的setFileList(files),发现视图并不会更新,图片块还在
在这里插入图片描述

const [fileList,setFileList] = useState([])
const deleteImgItem = (index,files) => {
    
    
        files.splice(index,1);
        setFileList(files)
    }

解决方案:将setFileList(files)改为setFileList([…files])

setFileList([...files])

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/sunzhen15896/article/details/109098154