如何使用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]);
}