javascript - 在 FineUploader 包装器之外呈现上传项目

Question

当您上传一些文件时，Fine uploader 会执行如下图所示的操作：

但我想当用户上传一些文件时，Fine uploader 会显示上传项目，如下图：

我写了以下代码，但是当上传一些文件时，在 FineUploader 包装器内以及底部显示文件。但我只想显示在上传器的底部

const uploader = new FineUploaderTraditional({
  options: {
    request: {
      endpoint: "http://example.com/upload"
    },
});

componentDidMount() {
    uploader.on('submitted', (id) => {
        this.setState((prevState) => ({
            uploadingItems: [...prevState.uploadingItems, id]
        }))
    })
}

<FileInput uploader={ uploader } />
{
    this.state.uploadingItems.length &&
        this.state.uploadingItems.map(id => (
            <div key={ id }>
                <Thumbnail id={ id } uploader={ uploader } />
                <PauseResumeButton id={ id } uploader={ uploader } />
                <progressBar id={id} uploader={uploader} />
            </div>
        ))
}

标签： javascriptreactjsfine-uploader