/Javascript/React/Get id button clicked react

Get id button clicked react

class Button extends React.Component {

  handleId = (e) => {
   /*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.*/
    console.log(e.target.id);
    console.log(e.currentTarget.id);
  }

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

Source: stackoverflow.com

Similar codes

5 votes164 views3 answers
Linear gradient react js
Javascript React
0 vote177 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote199 views2 answers
Count down timer in react native
Javascript React
0 vote190 views1 answer
Route with parameter react not working not found
Javascript React
0 vote198 views1 answer
Rich text react renderer
Javascript React
7 votes176 views6 answers
Shadow generator react native
Javascript React
4 votes179 views1 answer
Add array of object to state react
Javascript React
0 vote214 views1 answer
React native float upto 2 digits
Javascript React
7 votes191 views2 answers
React router 6 redirect
Javascript React
0 vote214 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React