从ReactJs中的列表中删除值

从ReactJs中的列表中删除值,reactjs,Reactjs,我正在使用antd,上传组件 import React,{useState}来自“React”; 从“react dom”导入react dom; 导入“antd/dist/antd.css”; 导入“/index.css”; 从“antd”导入{上传,按钮}; 从“@ant design/icons”导入{UploadOutlined}”; 常量文件列表=[ { uid:“-1”, 名称:“xxx.png”, 状态:“完成”, 网址: "https://zos.alipayobjects.c

我正在使用antd,
上传
组件

import React,{useState}来自“React”;
从“react dom”导入react dom;
导入“antd/dist/antd.css”;
导入“/index.css”;
从“antd”导入{上传,按钮};
从“@ant design/icons”导入{UploadOutlined}”;
常量文件列表=[
{
uid:“-1”,
名称:“xxx.png”,
状态:“完成”,
网址:
"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
拇指URL:
"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
},
{
uid:“-2”,
名称:“yyy.png”,
状态:“错误”
}
];
console.log(文件列表);
常量演示=()=>{
const[state,setState]=useState([…文件列表]);
常量添加=()=>{
设定状态([
……国家,
{
uid:“-3”,
名称:“xxdx.png”,
状态:“完成”,
网址:
"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
拇指URL:
"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
}
]);
};
返回(
添加
上传
);
};
render(,document.getElementById(“容器”)组件上缺少处理项目移除的道具

<Upload
  // ...
  onRemove={(file) => {
    // Remove the file from the state
    setState(state.filter(item => item.uid !== file.uid))
  }}
>
{
//从状态中删除该文件
setState(state.filter(item=>item.uid!==file.uid))
}}
>

您有删除功能吗?如果是这样的话,就值得包括在内。谢谢,但是为什么如果我用表单包装上传,那么图片列表就不会显示出来呢?如何使其可见?我不必使用表单的initalValue,我需要使它在
文件列表
中可用。你能帮忙吗please@Asking我不确定,我不熟悉这个框架。我认为你应该发布一个新的问题与具体问题相关。