/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 vote306 views1 answer
Hooks developed by react native
Javascript React
24 votes306 views4 answers
React copy to clipboard button
Javascript React
18 votes278 views6 answers
How to import svg in react
Javascript React
1 vote299 views1 answer
React render html variable
Javascript React
0 vote313 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote301 views1 answer
Add React Router to React Redux CRUD App
Javascript React
26 votes332 views6 answers
React redirect to url
Javascript React
15 votes286 views3 answers
React native expo navigation
Javascript React
1 vote306 views1 answer
Reactive localstorage in react
Javascript React
7 votes332 views3 answers
Conditional style react
Javascript React