通过 ReactJS 中的另一个按钮单击？,javascript,reactjs,jsx"/>
时间戳

首页 > 解决方案 > 如何触发 onChange on通过 ReactJS 中的另一个按钮单击？

javascript - 如何触发 onChange on通过 ReactJS 中的另一个按钮单击？

问题描述

<div style={{display: 'grid'}}>
    <button id='plus' onClick={???}>+</button>
    <input id='selectImage' type="file" onChange={fileSelectHandler} />
</div>

在这里，我想通过点击按钮来触发输入的onChange函数。如何解决这个问题？

标签： javascriptreactjsjsx

解决方案

您可以隐藏原始文件输入，并在单击按钮时通过javascript单击。

upload() {
  document.getElementById("selectImage").click()
}

<div style={{display: 'grid'}}>
  <button id='plus' onClick={this.upload}>+</button>
  <input id='selectImage' hidden type="file" onChange={fileSelectHandler} />
</div>

推荐阅读