/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

3 votes213 views2 answers
React-native android build apk
Javascript React
2 votes255 views3 answers
New line in react js
Javascript React
-1 vote232 views2 answers
Toggle on button click in react js functional component
Javascript React
6 votes245 views2 answers
How do I conditionally add attributes to React components?
Javascript React
32 votes234 views6 answers
Font awesome react
Javascript React
2 votes227 views3 answers
React native component at bottom center
Javascript React
0 vote230 views1 answer
React redux stack overflow
Javascript React
-2 votes232 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
1 vote233 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote238 views1 answer
Automatic Slideshow in react js
Javascript React