/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 vote582 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote199 views1 answer
React testing library for hooks
Javascript React
0 vote206 views1 answer
React style css image
Javascript React
0 vote209 views1 answer
Scrollreveal react tutoriel
Javascript React
0 vote210 views1 answer
React antd form disable submit button
Javascript React
5 votes199 views1 answer
React native text wrap
Javascript React
0 vote200 views1 answer
React native keyboard event listener
Javascript React
0 vote198 views1 answer
OnPress image react native
Javascript React
0 vote204 views1 answer
React testing for links
Javascript React
1 vote206 views1 answer
Webpack-bundle-analyzer react
Javascript React