/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 vote311 views1 answer
Parent to child react state
Javascript React
0 vote307 views1 answer
Get LocalStorage from WebView react native
Javascript React
0 vote338 views1 answer
Backgroundcolor react
Javascript React
1 vote331 views2 answers
Reset form input react
Javascript React
1 vote383 views1 answer
Change icon color react native elements
Javascript React
0 vote336 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
142 votes545 views3 answers
Install react app
Javascript React
0 vote339 views1 answer
Eslint init settings for ReactJS
Javascript React
0 vote343 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote366 views1 answer
How to get css property of div after rendering in react js
Javascript React