如何使用react.js中的refs从类型文件的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]);
}