/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

-1 vote341 views3 answers
Why we import react from react
Javascript React
2 votes446 views1 answer
Cursor to pointer in react
Javascript React
0 vote394 views2 answers
.env file example react native
Javascript React
12 votes367 views2 answers
React native flatlist container style
Javascript React
0 vote341 views1 answer
React make component full screen
Javascript React
0 vote375 views1 answer
Render blaze in react
Javascript React
0 vote391 views1 answer
Sanity react
Javascript React
0 vote368 views2 answers
Add typescript to react-native
Javascript React
0 vote379 views1 answer
React input cursor jump end
Javascript React
9 votes371 views3 answers
Shadowoffset react native constructor
Javascript React