/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

18 votes288 views6 answers
React native release apk command
Javascript React
11 votes300 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote298 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote306 views1 answer
React state as object
Javascript React
-2 votes304 views1 answer
How to hide keyboard in react native
Javascript React
0 vote315 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote288 views1 answer
React native shadow maker
Javascript React
0 vote279 views1 answer
React conditional if localhost
Javascript React
7 votes308 views2 answers
React native rename
Javascript React
0 vote275 views1 answer
Flatlist footer react native
Javascript React