react-dropzone-uploader 如何从反应状态显示已上传的文件

dev*_*864 6 javascript dropzone.js reactjs react-dropzone dropzone

我目前正在使用 RDU(react-dropzone-uploader) 将文件上传到服务器,我将上传的文件保存在反应状态。我试图弄清楚如何在反应状态下将已上传的文件显示为拖放区预览的一部分。

我尝试过查看文档中的道具列表。

https://react-dropzone-uploader.js.org/docs/props

我找到了initialFilesprop,但它会自动上传提供的输入文件数组。

任何帮助表示赞赏

Eri*_*tta 0

自定义布局功能允许您自定义完整显示。有一个道具叫LayoutComponent. 使用此功能,除了previews通过 props 提供的内容之外,您还可以为之前上传的任何文件注入显示。

https://react-dropzone-uploader.js.org/docs/customization#custom-layout

如果您希望自定义预览显示和放置区预览显示匹配,您还可以定义自定义预览组件。有一个道具叫PreviewComponent.

https://react-dropzone-uploader.js.org/docs/customization#default-components