/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 vote384 views1 answer
Activez la compression de texte react js
Javascript React
20 votes357 views6 answers
Useeffect react example
Javascript React
1 vote390 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
2 votes388 views1 answer
How to add bootstrap by downloading in react js
Javascript React
0 vote373 views1 answer
One component overlapping on other in react.js app
Javascript React
0 vote351 views1 answer
Testing library react hooks
Javascript React
0 vote415 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote460 views1 answer
No routes matched location / react router
Javascript React
0 vote370 views1 answer
Reactbootstrap multiselect
Javascript React
0 vote384 views1 answer
Reactjs function exemple useEffect
Javascript React