/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 vote123 views1 answer
React native scrollview sticky header
Javascript React
25 votes100 views3 answers
Setting a background Image With React Inline Styles
Javascript React
0 vote111 views1 answer
Get position of element in react
Javascript React
5 votes130 views4 answers
React route multiple components
Javascript React
0 vote96 views1 answer
React native pure component vs component
Javascript React
0 vote113 views1 answer
React document viewer
Javascript React
3 votes81 views2 answers
React navigation header transparent
Javascript React
0 vote138 views1 answer
News api react native
Javascript React
0 vote98 views1 answer
Bottom shadow in react native
Javascript React
0 vote100 views1 answer
Unexpected token useeffect react native
Javascript React