Breaking News: Grepper is joining You.com. Read the official announcement!

e.target.id not working react js

Vivacious Vole answered on July 18, 2022 Popularity 5/10 Helpfulness 3/10

answer e.target.id not working react js

e.target.id not working react js

Comment

//Well if the elements are nested event.target won't 
//always work since it refers to the target that triggers the 
//event in the first place. See this link for the usage of event.currentTarget, 
//which always refer to the element that the handler is bound to.

class Button extends React.Component {

    getButtonId = (e) => {
      console.log(e.currentTarget.id);
    }

    render() {
       return (
          <button id="yourID" onClick={this.getButtonId}>Button</button>
       );
    }
}

Popularity 5/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 18 2022

Vivacious Vole

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

e.target.id not working react js

Contents

More Related Answers

e.target.id not working react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.