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

时间:2017-07-04 08:09:56

标签: javascript reactjs

我很难获得我删除的所有文件名;我只获得第一个被删除的项目名称,但我需要所有名称,所以我可以上传所有。以下是我的dropzone示例:

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中发生的情况 enter image description here

1 个答案:

答案 0 :(得分:1)

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

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

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

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