reactjs - React UploadCare 删除按钮应该返回 Null

Question

如果单击删除按钮，我想让 imageUrl 的值为 null 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) 才能使用此方法。

基本上，是对小部件的 vanilla JS API方法onFileSelect的绑定。onChange