/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 vote157 views1 answer
React check if array contains value
Javascript React
0 vote138 views1 answer
Import typography react
Javascript React
0 vote145 views1 answer
React.createElement
Javascript React
105 votes155 views1 answer
React simbu
Javascript React
0 vote137 views1 answer
How to add css based on route react
Javascript React
1 vote131 views1 answer
Input type number react native
Javascript React
0 vote141 views1 answer
React bootsrap color picker
Javascript React
-1 vote139 views1 answer
Command not found:create-react-app
Javascript React
1 vote146 views1 answer
React native get numeric random string length of 5 characters
Javascript React
11 votes141 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React