反应：从文件池中提取文件并将其放入嵌入

Question

我正在使用带有Filepond的钩子，但似乎无法从Filepond中提取文件。我的代码如下所示。我知道我的代码不正确，因为嵌入实际上没有提供文件的位置，但是我不知道如何解决此问题。

const [files, setFiles] = useState([])
<FilePond
   files={files}
   allowMultiple={false}
   acceptedFileTypes={['application/pdf']}
   maxFileSize='10MB'
   onupdatefiles={fileItems => {
     const tmp = fileItems.map(fileItem => fileItem.file)
     setFiles(tmp)
     setContinue(tmp.length)
   }}
/>
<embed
   src={files[0] && files[0].name}
   type='application/pdf'
   width='100%'
   height='100%'
/>

我知道我可以将Filepond插件与图像预览（FilePondPluginImagePreview）一起使用，但是它不可移植（只能放在filepond内），所以我选择不使用它。

编辑：

console.log（files [0]）给了我 this。这和tmp[0]一样。