有没有办法给react-dropzone (useDropzone)添加默认值？

Question

我想用镜像初始化react-dropzone (useDropzone)。如果用户愿意，他们应该能够用他们自己的图像覆盖(替换)它。

我的愿望是能够添加URL的默认图像。(例如https://hatrabbits.com/wp-content/uploads/2017/01/random.jpg)

Answer 1

您可以在定义error部分时实现默认图像(占位符)。您需要添加一个img元素并将默认图像的URL传递给它。

通过属性检查，您可以决定是显示占位符图像，还是使用用户上传的图像，甚至什么都不使用。

我假设您将DropZone结果存储在result这样的示例变量中，因此：

{
  !result && <img src={https://hatrabbits.com/wp-content/uploads/2017/01/random.jpg}>
}

因此，如果没有结果，占位符图像将显示