如何使用react.js中的引用从类型文件的html输入形式获取文件数据

Question

<input type="file" ref="file" size="45" />

我想从MSDN fileInputElement.files[0]类似的信息，但是我这样做了ReactDOM.findDOMNode(this.refs.file).files[0]但是没有返回任何数据。

Answer 1

this.refs.file.files[0]

对我来说很好

Answer 2

<input type="file" name="sendAttachment" 
       ref={(input) => {  this.sendFile  = input; }}
       onChange={  (e)=>{this.sendAttachment(e)  }} />

sendAttachment(e) 
{
  e.preventDefault();
  console.log(this.sendFile.files[0]);
}