/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

11 votes240 views2 answers
How to refresh the page using react
Javascript React
0 vote219 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote215 views1 answer
React download file from express res.download
Javascript React
2 votes229 views1 answer
Lifecycles if reactjs
Javascript React
0 vote203 views2 answers
React display base64 image
Javascript React
1 vote221 views1 answer
React vscode stop auto close tag
Javascript React
0 vote207 views1 answer
React hook form password validation uppercase
Javascript React
0 vote227 views1 answer
Easy REACT download image
Javascript React
-1 vote239 views1 answer
Spotify player react
Javascript React
-2 votes246 views2 answers
React native text align vertical center
Javascript React