/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

28 votes211 views1 answer
Semantic ui dropdown value react
Javascript React
3 votes227 views2 answers
Use onchange with react select
Javascript React
4 votes186 views2 answers
React get url params in class component
Javascript React
108 votes248 views2 answers
Make react project
Javascript React
2 votes260 views2 answers
React native settimeout
Javascript React
0 vote253 views1 answer
Missing script: "start" react
Javascript React
0 vote232 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
-1 vote194 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote201 views1 answer
How to insalk react router with npm
Javascript React
0 vote159 views1 answer
How to enable emit on react in vs code
Javascript React