reactjs - React：从文件池中提取文件并将其放入嵌入中

Question

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

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%'
/>

我知道我可以使用带有图像预览的文件池插件（FilePondPluginImagePreview），但它不是可移植的（只能放在文件池中），所以我选择不使用它。

编辑：

console.log(files[0]) 给了我 这个。这与tmp[0]相同。