/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 vote156 views1 answer
React should write method in a functional component or outside functional component
Javascript React
2 votes148 views1 answer
All react navigation packages
Javascript React
-2 votes165 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
7 votes178 views3 answers
Conditional style prop react
Javascript React
0 vote144 views1 answer
Pass text to button component react
Javascript React
1 vote149 views1 answer
Select in react with nchange
Javascript React
0 vote149 views1 answer
Autofocus is not working in react native
Javascript React
0 vote153 views1 answer
React bootstrap make col disapear in small screens
Javascript React
8 votes149 views2 answers
Set value as object in react hooks
Javascript React
2 votes149 views2 answers
Vscode extensions for better react js
Javascript React