从ReactJs中的列表中删除值
我正在使用antd,从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
上传
组件
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我不确定,我不熟悉这个框架。我认为你应该发布一个新的问题与具体问题相关。