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

React.js从另一个按钮调用按钮单击

1 个答案: