React.js calling a button click from a different button

Question

I am trying to to make a function that calls a button click. I know how to do this using document.getElementById('takePic').click() but I am not sure how to do this in React.

I am using an input element in order to access a devices camera, but unfortunately the input button that generates cannot be easily formatted.

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

So what I want to do is set this input element's display to none and then instantiate the button click through the click of another button.

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

I am using material-ui if that makes a difference.

Saurabh Mistry · Accepted Answer · 2019-03-09 03:25:14Z

2

you can do this way :

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

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


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

read more here : https://www.w3schools.com/jsref/met_html_click.asp

edited Mar 9, 2019 at 3:25

answered Mar 9, 2019 at 3:22

Saurabh Mistry

13.8k5 gold badges60 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Saurabh Mistry Over a year ago

yes , it is HTML dom click() method , in javascript

tdammon Over a year ago

Have to wait 15 minutes from the time of the post. But I will

Collectives™ on Stack Overflow

React.js calling a button click from a different button

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related