如何解决如何清除反应 dropzone 文件输入以及成功图标并显示初始拖放
上传文件后,我需要清除文件名和成功消息。它应该显示原始标签,因为有两种状态用于跟踪文件(setFile())和另一种用于错误状态(setErrorStatus(false))。 应该有办法清除现有状态并在单击清除按钮后重新呈现初始状态。
export interface MyDropZone extends Dropzonezprops {
onChange?: ( acceptedFiles :File[])=>void;
}
const MyDropzone : FC<MyDropZone>M= (props: MyDropZone) => {
const[file,setFile]=React.usestate<null | File[]>(initialstate:null);
const[errorStatus,setErrorstatus=React.usestate(false);
const onDropAccepted=usecallback(async accepetdfiles => {
...
setFile(accepetdfiles)
if(!response.ok)
setErrorstatus(true);
},[]);
return(
<Box
{!!file ? (
<p>
{uploaderrorstatus ? (
<Icon icon = {'Close'} color= "danger"/>)
: (
<Icon icon = {'Checkmark'} color= "success"/>)}
{file.map((file: File) => file.name).join(",")}
</p>
:<p> {"Drag and drop"}
)}
</Box>
);
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。