/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 vote374 views1 answer
Route guards in react
Javascript React
0 vote474 views1 answer
How to prevent clickjacking in react js
Javascript React
1 vote369 views3 answers
Click outside React component
Javascript React
1 vote351 views1 answer
Typing refs react
Javascript React
-2 votes331 views1 answer
<Link> react import
Javascript React
0 vote340 views1 answer
Loop number in react
Javascript React
92 votes315 views6 answers
React router dom
Javascript React
2 votes396 views3 answers
Cdn react
Javascript React
0 vote354 views1 answer
Fcctest cdn reactjs setup
Javascript React
0 vote350 views2 answers
React write into json file
Javascript React