/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 vote198 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
1 vote204 views1 answer
Interpolation react
Javascript React
12 votes204 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote214 views1 answer
How to use rgba in react native
Javascript React
2 votes204 views2 answers
React native position absolute center
Javascript React
32 votes228 views6 answers
React copy array
Javascript React
0 vote203 views1 answer
React Readonly rating
Javascript React
1 vote190 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
8 votes198 views1 answer
React.Fragmen
Javascript React
0 vote212 views1 answer
How to resolve cors in production react
Javascript React