How to access custom attributes from event object in React?

by

event.target gives you the native DOM node, then you need to use the regular DOM APIs to access attributes. Here are docs on how to do that:Using data attributes.

You can do either event.target.dataset.tag or event.target.getAttribute('data-tag'); either one works.

More Related Contents:

  1. The useState set method is not reflecting a change immediately
  2. Call child method from parent
  3. Window is not defined in Next.js React app
  4. How to identify if a webpage is being loaded inside an iframe or directly into the browser window?
  5. How to maintain state after a page refresh in React.js?
  6. Simple Component is not rendering: React js
  7. Console.log() after setState() doesn’t return the updated state
  8. React JS – Uncaught TypeError: this.props.data.map is not a function
  9. Understanding React-Redux and mapStateToProps()
  10. Typescript: React event types
  11. componentDidMount called BEFORE ref callback
  12. firebase.auth is not a function
  13. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  14. Use componentWillMount or componentDidMount lifecycle functions for async request in React
  15. Best way to polyfill ES6 features in React app that uses create-react-app
  16. Determine which dependency array variable caused useEffect hook to fire
  17. What does “export default” do in JSX?
  18. Axios – DELETE Request With Request Body and Headers?
  19. Updating state to the same state directly in the component body
  20. reactjs and masonry layout – undefined
  21. Jest – SyntaxError: Cannot use import statement outside a module
  22. stop dragging after a limit has reached
  23. Equivalent to componentDidUpdate using React hooks
  24. How to Call a Function inside a Render in React/Jsx
  25. reactjs event listener beforeunload added but not removed
  26. React – Dynamically Import Components
  27. passing data from child to parent component – react – via callback function
  28. FastAPI is not returning cookies to React frontend
  29. React Functional component: calling as function vs. as component
  30. How could I change window’s location without reloading and # hack?

Leave a Comment