/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 vote248 views1 answer
Image preload React
Javascript React
2 votes195 views6 answers
React font-awesome
Javascript React
1 vote255 views1 answer
Import json file in react native
Javascript React
0 vote256 views1 answer
Refresh page by hand in react
Javascript React
0 vote231 views1 answer
Export all functions from js file react
Javascript React
6 votes257 views2 answers
Reactjs .map is not a function
Javascript React
38 votes243 views2 answers
How to comment out code in react js
Javascript React
2 votes231 views1 answer
Upload image in firebase storage react web
Javascript React
20 votes253 views4 answers
On enter key press react
Javascript React
9 votes231 views1 answer
Create react app in current folder
Javascript React