如何解决React UploadCare 删除按钮应返回 Null
如果使用 uploadcare/react-widget
单击删除按钮,我想让 imageUrl 的值为 null。现在,它没有将该值设置为 null,它仍然返回原始 imageUrl 的值。单击“删除按钮”时如何调用该函数?
<Widget
tabs="file"
name="imageUrl"
clearable="true"
imagesOnly="true"
previewStep="true"
value={props.values.imageUrl}
onChange={upload =>
props.setFieldValue('imageUrl',upload.originalUrl)
}
publicKey={process.env.UPLOADCARE_KEY}
/>
解决方法
onChange
回调仅在文件上传时触发。如果您需要处理这种情况,请考虑改用 onFileSelect
。例如,
const Example = () => {
return (
<Widget
publicKey={process.env.UPLOADCARE_KEY}
previewStep
clearable
onFileSelect={file => {
if (!file) {
console.log("File removed from widget");
return;
}
file.done(fileInfo => {
console.log("File uploaded: ",fileInfo.cdnUrl);
});
}}
/>
);
};
确保将 react-widget
更新到最新版本 (1.3.7) 才能使用此方法。
基本上,onFileSelect
是对小部件的 vanilla JS API 的 onChange
method 的绑定。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。