javascript - React.js 从不同的按钮调用按钮单击

Question

我正在尝试创建一个调用按钮单击的函数。我知道如何使用 document.getElementById('takePic').click() 执行此操作，但我不确定如何在 React 中执行此操作。

我正在使用输入元素来访问设备摄像头，但不幸的是生成的输入按钮无法轻松格式化。

<input className={classes.takePic} type="file" accept="image/*"></input>

所以我想要做的是将这个输入元素的显示设置为无，然后通过单击另一个按钮来实例化按钮单击。

<Button className={classes.addImage} onClick="">

我正在使用material-ui，如果这有什么区别的话。

Answer 1

你可以这样做:

<input id="takePic" className={classes.takePic} type="file" accept="image/*" />

<Button className={classes.addImage} onClick={this.handleClick}>


 handleClick=()=>{
   document.getElementById('takePic').click();
}

在这里阅读更多信息:https://www.w3schools.com/jsref/met_html_click.asp