/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

1 vote213 views1 answer
Npm react dropdown
Javascript React
1 vote233 views2 answers
React beforeunload
Javascript React
0 vote208 views1 answer
A form label must be associated with a control react
Javascript React
0 vote211 views1 answer
React router v6 lazy suspense
Javascript React
3 votes199 views1 answer
React after deployment givin nginx 404
Javascript React
0 vote250 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote232 views1 answer
Lite youtube embed react
Javascript React
1 vote227 views1 answer
How to use cookies in react js
Javascript React
1 vote215 views1 answer
Reactnavigation 5 hide header
Javascript React
5 votes332 views2 answers
Add object in array state react
Javascript React