/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 vote107 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
4 votes125 views1 answer
React bind function to component
Javascript React
2 votes120 views1 answer
How to add multiple style attributes in react element
Javascript React
0 vote122 views1 answer
Exit ios inspector in react native
Javascript React
0 vote133 views1 answer
React input mask ref
Javascript React
7 votes126 views5 answers
Resize image react native
Javascript React
15 votes133 views5 answers
Usestate react hook
Javascript React
4 votes122 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
7 votes117 views1 answer
The path argument must be of type string. received undefined react
Javascript React
0 vote115 views1 answer
How to get domain name in react
Javascript React