如何清除反应 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 (将#修改为@）