/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 vote139 views4 answers
React tutorial
Javascript React
0 vote167 views1 answer
Get call log in react native android
Javascript React
0 vote196 views1 answer
Toggle function react js
Javascript React
0 vote194 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
2 votes130 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote132 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
110 votes150 views2 answers
Create react js app
Javascript React
22 votes125 views2 answers
React-bootstrap example
Javascript React
0 vote133 views1 answer
Text input placeholder font family react native
Javascript React
41 votes133 views5 answers
UseRef() in react
Javascript React