Javascript 获得；“未定义”；用于ReactJs中的数组

我收到

TypeError:无法读取以下代码的未定义的属性“file”：

constructor() {
      super();
      this.state = {};
      this.state['addEventPartial'] = false;
      files: [];
}

onDrop(files) {
    console.log('Received files: ', files);
    return this.setState({
      files: files
    });
  } 

我从以下位置调用函数：

<Dropzone ref="dropzone" multiple={true} disableClick={false} onDrop={this.onDrop.bind(this)}>
   <div>Try dropping some files here, or click to select files to upload.</div>
   <img src={this.state.files.file.preview} />
</Dropzone>

我似乎无法访问文件数组。我不确定哪里不对，我这样做对吗？谢谢
在构造函数的第4行，您有
文件：[]
，打字错误或这是原因吗？如果您修复了
文件
将是一个数组，并且也不会有
文件
属性。我也尝试了在文件数组中循环，但似乎也无法访问它。没有文件数组<代码>文件：

是一个标签，

[]

是一个作为语句的文本数组，所以它只是被创建然后被遗忘。您需要将其放入state对象：

this.state.files=[]。
Received files:
    Array[1]0: 
        FilelastModified: 1435886629000
        lastModifiedDate: Fri Jul 03 2015 06:23:49 GMT+0500 (MVT)
        name: "10891478_10203743822177760_9162320962035940276_n.jpg"
        preview: "blob:http%3A//localhost%3A3000/1fa46173-9630-43aa-a73c-fadced37c9d0"
        size: 82856
        type: "image/jpeg"