/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

2 votes190 views2 answers
Text number of lines react native
Javascript React
0 vote210 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote170 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
105 votes244 views1 answer
Install and run react js project...
Javascript React
1 vote269 views1 answer
How to add button react native app.js
Javascript React
0 vote223 views1 answer
React native firebase login with facebook
Javascript React
1 vote208 views1 answer
React addeventlistener useeffect
Javascript React
0 vote259 views1 answer
Testing a function in jest on click react
Javascript React
4 votes173 views1 answer
UseEffect with axios react
Javascript React
0 vote230 views1 answer
How to make back button react
Javascript React