/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

31 votes356 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote365 views2 answers
React js form radio input using hooks
Javascript React
0 vote386 views1 answer
React native navigation shared element
Javascript React
1 vote367 views1 answer
React native modal not full screen
Javascript React
-2 votes344 views2 answers
Import link react
Javascript React
1 vote365 views2 answers
What is reactive method
Javascript React
1 vote379 views1 answer
Put two buttons in a row in react native
Javascript React
0 vote365 views1 answer
React redux open another page
Javascript React
2 votes354 views1 answer
How to add react scroll scrollable link
Javascript React
0 vote375 views2 answers
Toastify react not working
Javascript React