/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 vote195 views1 answer
Angular validators number only in reactive form
Javascript React
1 vote100 views1 answer
Table reactstrap
Javascript React
4 votes157 views1 answer
React router external link
Javascript React
4 votes147 views4 answers
Width 100% react native
Javascript React
1 vote145 views1 answer
Slider on release call api react material ui
Javascript React
6 votes138 views1 answer
React-native italics
Javascript React
1 vote169 views3 answers
How to decode jwt token in react
Javascript React
0 vote164 views1 answer
Render object id in an array reactjs from database
Javascript React
0 vote132 views1 answer
Scirpt tag react
Javascript React
8 votes148 views3 answers
React Lazy()
Javascript React