响应UploadCare删除按钮应该返回空

Question

如果“删除”按钮单击“使用imageUrl”，我希望使uploadcare/react-widget的值为空。现在，它没有将值设置为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}
                    />

Answer 1

只有上传文件时，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是一个绑定到小部件的普通JS的onChange 方法。