/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 vote224 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
0 vote206 views1 answer
Filter based on input typing react
Javascript React
1 vote191 views1 answer
Font awesome react native icons
Javascript React
1 vote185 views1 answer
Deploy react to aws
Javascript React
0 vote186 views3 answers
Run react native with debugger breakpoint
Javascript React
-1 vote209 views2 answers
React js props lara css uygulama
Javascript React
0 vote195 views1 answer
React native button top right
Javascript React
7 votes180 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote236 views1 answer
React should write method in a functional component or outside functional component
Javascript React
0 vote188 views1 answer
Mock createRef jest react functional component
Javascript React