在react中，点击input选择的图片怎么用js获取到。

Question

我的需求是 点击图片按钮，触发<input type='file'>的click。然后就可以选择图片，但是选择后的图片要怎么才能传入js的函数里面。下面是函数两个函数。triggerUpload=()=>{const trig=document.getElementById('trig'); trig.click();}handlePicReply=(files)=>{const trig=document.getElementById('trig');if(!files) return false;const container=document.getElementById('container');//container是放图片的容器for(let i=0;i<files.length;i++){  const img = document.createElement('img');   img.src = window.URL.createObjectURL(files[i]);   img.height = 60;   img.onload = function() {    window.URL.revokeObjectURL(this.src);   }   container.appendChild(img); }}<input id='trig' type='file' multiple accept='image/*' style={{display:'none'}} onChange={this.handlePicReply(this.files)} /> //onChange里面应该怎么写？？？handlePicReply的参数应该是什么才能传入选择的文件//下面这行点击图片按钮触发input的click<Button size='small' onClick={this.triggerUpload} ><Icon>image</Icon></Button>

Answer 1

酱紫...

Answer 2

handleFileChange = (e) => {    console.log(e.target.files)
}

render() {    // ...
    <input onChange={this.handleFileChange}/>
}