/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 votes373 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
-1 vote376 views8 answers
React native
Javascript React
-2 votes371 views2 answers
Showdown react
Javascript React
5 votes380 views4 answers
Export default react
Javascript React
0 vote409 views2 answers
Airbnb and eslint react native
Javascript React
1 vote339 views1 answer
React native cannot make request on localhost
Javascript React
1 vote370 views3 answers
Add react to existing project
Javascript React
0 vote401 views1 answer
How to declare a variable in react
Javascript React
0 vote393 views2 answers
React rating with fractions
Javascript React
0 vote378 views1 answer
React.js file extension
Javascript React