/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 vote183 views1 answer
Cannot find module 'sass' react
Javascript React
0 vote187 views1 answer
Circle button react native
Javascript React
11 votes201 views3 answers
Shadow border react native
Javascript React
0 vote186 views1 answer
How to start react project on atom
Javascript React
0 vote165 views1 answer
React animated text yarn package
Javascript React
0 vote189 views1 answer
React native delay input
Javascript React
0 vote178 views1 answer
UseFetch custom hook for React
Javascript React
0 vote196 views1 answer
Remove duplicate value from map react js
Javascript React
2 votes179 views2 answers
Vscode react extensions
Javascript React
0 vote204 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React