javascript - 如何在reactjs中获取dropzone中的所有名称

Question

我很难获取我删除的所有文件名；我只得到第一个掉落的元素名称，但我需要所有名称，以便我可以全部上传。这是我的拖放区的示例:

onDrop(acceptedFiles) {
    debugger
    console.log('Received files: ', acceptedFiles);
    this.setState({files: acceptedFiles});
    let {form} = this.props.timeline;       

        acceptedFiles.map(file =>  { 
            form.Name=file.name
        });

}

这是调试的 dropzone 中发生的情况

Answer 1

您的 acceptedFiles 已包含所有文件名，但文件名封装在对象内，该对象似乎也包含 TimelineKey。

如果您只想要文件名，那么您需要稍微修改一下代码:

const filenames = AcceptedFiles.map(file => (file.name))

然后您就拥有了文件名集合，您可以用它做任何您想做的事情。