/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

-1 vote234 views1 answer
Convert datetime value to time only in reactjs
Javascript React
2 votes155 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote217 views1 answer
Web-vitals react
Javascript React
9 votes220 views3 answers
React import font awesome
Javascript React
0 vote241 views3 answers
React date format
Javascript React
0 vote234 views1 answer
Declaring variable react hooks
Javascript React
-1 vote218 views5 answers
Play audio in react
Javascript React
2 votes205 views2 answers
Get value of Autocomplete react
Javascript React
0 vote196 views1 answer
React native scrollbar position issue
Javascript React
0 vote210 views1 answer
React native dynamic style
Javascript React