/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

6 votes442 views2 answers
String to html javascript react
Javascript React
0 vote395 views1 answer
React features
Javascript React
0 vote344 views1 answer
React file preview
Javascript React
0 vote369 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote316 views1 answer
Create react element with string
Javascript React
1 vote370 views3 answers
Iframe in react
Javascript React
0 vote378 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
1 vote368 views1 answer
Node sass version react
Javascript React
0 vote410 views1 answer
React native geocoding
Javascript React
2 votes397 views2 answers
React native image swiper
Javascript React