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

标签 javascript reactjs material-ui

我正在尝试创建一个调用按钮单击的函数。我知道如何使用 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/

相关文章:

reactjs - 如何在 Material ui表中的每一行添加一个按钮

javascript - jQuery 中触发错误按钮的 Click 事件?

javascript - Node.JS HTTPS 问题 TypeError : Cannot read property 'writeQueueSize' of null

javascript - 无法计算 React 组件中的总计

javascript - 复选框上的多行选择和单击 MUI DataGrid 中的行时的单一选择

css - ReactJS+MaterialUI v1 自动嵌套列表填充

javascript - 如何在 HighCharts 的点击函数中访问外部范围变量

javascript - Google CryptoJS AES 结果太长 1 个区 block

javascript - GatsbyJS 中的 Socket IO 客户端不起作用

node.js - 在没有用户登录的情况下将项目添加到购物车 react.js 和 redux