/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 vote142 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
1 vote144 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
2 votes134 views1 answer
Upload image in firebase storage react web
Javascript React
1 vote129 views1 answer
Tailwincss in react native
Javascript React
4 votes139 views3 answers
Get params in react router dom v6
Javascript React
0 vote150 views1 answer
React router tutorial medium
Javascript React
3 votes153 views3 answers
How to hide source for react project
Javascript React
0 vote152 views1 answer
How to get css property of div after rendering in react js
Javascript React
0 vote142 views1 answer
React hero slider
Javascript React
0 vote290 views1 answer
Change theme in react-toastify
Javascript React