/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 vote158 views1 answer
React native icon onpress remove highlight onpress
Javascript React
28 votes177 views1 answer
Semantic ui dropdown value react
Javascript React
1 vote183 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote164 views2 answers
React generate component command
Javascript React
1 vote179 views1 answer
Import react js video player
Javascript React
6 votes137 views2 answers
React native indicator
Javascript React
1 vote150 views1 answer
Firebase app named default already exists react native
Javascript React
6 votes161 views1 answer
Import useHistory react-router-dom version 6
Javascript React
0 vote146 views1 answer
Switch tab react
Javascript React
4 votes158 views4 answers
React background gradient
Javascript React