/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 vote282 views2 answers
Barcode scanner react js
Javascript React
0 vote289 views1 answer
One component overlapping on other in react.js app
Javascript React
0 vote266 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote253 views1 answer
Mdn react
Javascript React
1 vote266 views1 answer
React redux not updating
Javascript React
1 vote225 views1 answer
Tailwincss in react native
Javascript React
4 votes257 views1 answer
Enable emmit on react
Javascript React
0 vote246 views1 answer
React deployment pipeline
Javascript React
7 votes248 views6 answers
Prop types in react
Javascript React
0 vote277 views1 answer
Zeamster examples react node
Javascript React