/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 vote222 views2 answers
Add typescript to react-native
Javascript React
16 votes225 views2 answers
Render text in for loop react in function
Javascript React
1 vote216 views1 answer
React native get numeric random string length of 5 characters
Javascript React
2 votes202 views1 answer
Authfunctions react
Javascript React
0 vote205 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
1 vote204 views1 answer
React native run release
Javascript React
21 votes223 views4 answers
React font awesome npm
Javascript React
0 vote291 views1 answer
Link externo no react
Javascript React
0 vote212 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote210 views1 answer
React native navigation paramlist never used
Javascript React