我正在尝试创建一个调用按钮单击的函数。我知道如何使用 document.getElementById('takePic').click()
执行此操作,但我不确定如何在 React 中执行此操作。
我正在使用输入元素来访问设备摄像头,但不幸的是生成的输入按钮无法轻松格式化。
<input className={classes.takePic} type="file" accept="image/*"></input>
所以我想要做的是将这个输入元素的显示设置为无,然后通过单击另一个按钮来实例化按钮单击。
<Button className={classes.addImage} onClick="">
我正在使用material-ui,如果这有什么区别的话。
最佳答案
你可以这样做:
<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
关于javascript - React.js 从不同的按钮调用按钮单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55073655/