/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 vote336 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote311 views2 answers
React show view based on role permission
Javascript React
0 vote386 views1 answer
React convert table to pdf
Javascript React
5 votes328 views4 answers
React native status bar
Javascript React
4 votes330 views2 answers
Import reactdom
Javascript React
64 votes299 views6 answers
Router react
Javascript React
2 votes300 views1 answer
React state object key value
Javascript React
1 vote317 views1 answer
Create functional component react
Javascript React
3 votes313 views2 answers
React native animated sticker
Javascript React
4 votes333 views1 answer
React bind function to component
Javascript React