React onClick and preventDefault() link refresh/redirect?

by

React events are actually Synthetic Events, not Native Events. As it is written here:

Event delegation: React doesn’t actually attach event handlers to the nodes themselves. When React starts up, it starts listening for all events at the top level using a single event listener. When a component is mounted or unmounted, the event handlers are simply added or removed from an internal mapping. When an event occurs, React knows how to dispatch it using this mapping. When there are no event handlers left in the mapping, React’s event handlers are simple no-ops.

Try to use Use Event.stopImmediatePropagation:

upvote: (e) ->
  e.stopPropagation();
  e.nativeEvent.stopImmediatePropagation();

More Related Contents:

  1. Passing values through React-Router v4
  2. React : difference between and
  3. What does the error “JSX element type ‘…’ does not have any construct or call signatures” mean?
  4. How to call stopPropagation in reactjs?
  5. Internal implementation of “makeStyles” in React Material-UI?
  6. When do I choose React state Vs Redux Store
  7. How to sync props to state using React hooks : setState()
  8. When to use useImperativeHandle, useLayoutEffect, and useDebugValue
  9. Requires Babel “7.0.0-0” but was loaded with “6.26.3”
  10. ReactJs CreateClass is not a function
  11. webpack can’t find module if file named jsx
  12. How should I configure create-react-app to serve app from subdirectory?
  13. What’s the difference between useCallback and useMemo in practice?
  14. React: useState or useRef?
  15. react routing is able to handle different url path but tomcat returns 404 not available resources
  16. Get cookie with react
  17. React vs ReactDOM?
  18. How to fix 431 Request Header Fields Too Large in React-Redux app
  19. How to enable file upload on React’s Material UI simple input?
  20. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  21. React 16 warning “warning.js:36 Warning: Did not expect server HTML to contain a in .”
  22. How to bundle a React app to a subdirectory on a server?
  23. ESLint Must use destructuring state assignment
  24. How to test Async Storage with Jest?
  25. Children won’t render when using a layout in ReactJS
  26. create react app not picking up .env files?
  27. How do I window removeEventListener using React useEffect
  28. Cannot find module ‘sass’
  29. React Hook useEffect has a missing dependency: ‘list’
  30. Show/Hide components in ReactJS

Leave a Comment