/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 vote286 views1 answer
How to make multiple link using react
Javascript React
0 vote300 views1 answer
Eject expo app to android and react native
Javascript React
0 vote285 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
16 votes323 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
4 votes315 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote332 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
15 votes310 views2 answers
Expo react navigation
Javascript React
21 votes264 views4 answers
Setinterval react
Javascript React
0 vote294 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote269 views2 answers
Selected css based on route react
Javascript React