How to programmatically trigger click event in React?

Forums ReactHow to programmatically trigger click event in React?
Staff asked 2 years ago

Answers (1)

Add Answer
Staff answered 2 years ago

In your render method:

<input ref={input => this.inputElement = input} ... />

In your event handler:

this.inputElement.click();

Example:

class MyComponent extends React.Component {
  render() {
    return (
      <div onClick={this.handleClick}>
        <input ref={input => this.inputElement = input} />
      </div>
    );
  }

  handleClick = (e) => {
    this.inputElement.click();
  }
}

 

Subscribe

Select Categories