/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 vote210 views1 answer
@testing-library/react-native switch
Javascript React
8 votes223 views4 answers
React multiple classnames
Javascript React
9 votes209 views6 answers
How to check react version
Javascript React
0 vote220 views1 answer
React auto import sometime not working
Javascript React
0 vote200 views1 answer
Key being passed as prop react
Javascript React
0 vote261 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
1 vote218 views1 answer
React js empty build
Javascript React
9 votes238 views3 answers
Disable yellow box react native
Javascript React
16 votes220 views2 answers
Render text in for loop react in function
Javascript React
4 votes213 views1 answer
Reactjs onclick open new page
Javascript React