/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

-2 votes122 views1 answer
Redux template create react app
Javascript React
0 vote132 views3 answers
How to copy an arry react
Javascript React
0 vote134 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote127 views1 answer
Auto refresh database in outsystems reactive
Javascript React
8 votes134 views2 answers
React fragment
Javascript React
7 votes131 views2 answers
Pass props in react
Javascript React
1 vote156 views1 answer
How to add react icons using yarn
Javascript React
113 votes150 views6 answers
How to create a new react app
Javascript React
18 votes140 views4 answers
React for loop in render
Javascript React
8 votes129 views4 answers
React multiple classnames
Javascript React