/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 vote108 views2 answers
React map example leaflets
Javascript React
42 votes107 views3 answers
React onchange multiple functions
Javascript React
0 vote107 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote109 views1 answer
Add React Router to React Redux CRUD App
Javascript React
2 votes106 views1 answer
React native apk bundle
Javascript React
0 vote101 views1 answer
Bottom shadow in react native
Javascript React
3 votes85 views2 answers
React navigation header transparent
Javascript React
0 vote107 views2 answers
React Calender
Javascript React
1 vote110 views2 answers
React PropTypes.instanceOf
Javascript React
2 votes111 views4 answers
Update react
Javascript React