/Javascript/React/How to get custom attribute value in react

How to get custom attribute value in react

React data attributes event

const removeId = e.target.getAttribute("data-remove");

How to get custom attribute value in react

//To Define the Custom attribute
// start with data- Like: data-remove={someValue}
<button onClick={this.removeItem} data-remove={item.id}>Remove</button>

//To Get Custom Attribute value
// Method 1:
const removeId = e.target.dataset.remove;
// Method 2:
const removeId = e.target.getAttribute("data-remove");
// Method 3:
const removeId = e.target.attributes.getNamedItem("data-remove").value;

Similar codes

0 vote347 views1 answer
Change value in array react
Javascript React
11 votes358 views4 answers
How to check for react version
Javascript React
0 vote358 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote338 views2 answers
React native modal dismiss keyboard
Javascript React
0 vote348 views1 answer
React state as object
Javascript React
0 vote363 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote343 views1 answer
Chromepicker react-color not working
Javascript React
1 vote331 views1 answer
Difference between dom and react dom
Javascript React
2 votes403 views2 answers
Past value from parent in reactjs
Javascript React
1 vote326 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React