Блог

Я пытаюсь создать функцию, которая вызывает нажатие кнопки. Я знаю, как это сделать с помощью document.getElementById('takePic').click() , но я не уверен, как это сделать в React.

Я использую элемент ввода для доступа к камере устройства, но, к сожалению, кнопка ввода, которая генерирует, не может быть легко отформатирована.

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

Итак, что я хочу сделать, это установить для отображения этого элемента ввода значение none, а затем создать экземпляр нажатия кнопки нажатием другой кнопки.

 <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