Javascript 如何在react中获取输入文件值?

Javascript 如何在react中获取输入文件值?,javascript,reactjs,Javascript,Reactjs,我有以下代码: <input className='input-file' type='file' onChange={this.handleDocumentUploadChange(index)} /> 而index是一个预先给定的int。问题是我想读取这个元素的值,但我不能。我试图访问event.target.value,但它保持为空。有什么想法吗?我发现了问题所在 我的输入在.map()函数中呈现。因此,当我想用this进行绑定时,比如onChange={this.han

我有以下代码:

<input className='input-file' type='file' onChange={this.handleDocumentUploadChange(index)} />


index
是一个预先给定的int。问题是我想读取这个元素的值,但我不能。我试图访问
event.target.value
,但它保持为空。有什么想法吗?

我发现了问题所在

我的输入在.map()函数中呈现。因此,当我想用
this
进行绑定时,比如
onChange={this.handleDocumentTitleChange.bind(this,index)}
就行不通了


所以我做了这个
var self=this并绑定到
self
中。

-检查outTry“FileReader”API。猜猜看,你试过这样传球吗
this.handleDocumentUploadChange(this,index)
我的方法使用参数,因此我似乎无法访问
[]中的事件对象。map()
使用第二个参数,
this
;您可能会注意到,在许多react示例中,它都在循环中使用,因此不需要绑定任何东西或别名
this
。所以,
.map(fn,this)
。。。