/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

18 votes135 views6 answers
React native build
Javascript React
0 vote140 views1 answer
React particles js
Javascript React
0 vote144 views1 answer
React-native-ffmpeg gradel issue
Javascript React
24 votes133 views4 answers
React copy to clipboard button
Javascript React
3 votes128 views1 answer
Navigation react pass props
Javascript React
0 vote133 views3 answers
React js require pasword to have special charaacter
Javascript React
0 vote154 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote121 views1 answer
Ts(2749) react testing library
Javascript React
0 vote151 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
29 votes139 views2 answers
React or vue
Javascript React