/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

15 votes178 views3 answers
Image source react native
Javascript React
-1 vote190 views2 answers
React map example leaflets
Javascript React
-2 votes161 views2 answers
How to play around with backend node js and frontend react
Javascript React
31 votes177 views1 answer
Install react router dom and save
Javascript React
23 votes176 views6 answers
React native shadow
Javascript React
7 votes181 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
1 vote245 views2 answers
Toastandroid react native
Javascript React
1 vote195 views1 answer
React material ui classname
Javascript React
0 vote175 views1 answer
React state deconstructed
Javascript React
0 vote168 views1 answer
React-timeago npm
Javascript React