When to call function vs function() in react onClick? [duplicate]

by

foo() is calling the function referenced by foo. foo itself is just a reference to a function, it doesn’t call the function.

So, you need to use parenthesis if you want to call the function right here and now.
You have to omit the parentheses if you want to pass the function to other code so it can call the function. That would be the case with event handlers. this.props.OnNavigation should be called when the click event happens (which is some time in the future), not when the component is rendered.

More Related Contents:

  1. React: “this” is undefined inside a component function
  2. State not updating when using React state hook within setInterval
  3. “this” is undefined inside map function Reactjs
  4. What are these three dots in React doing?
  5. React component initialize state from props
  6. Reactjs async rendering of components
  7. How do I test axios in Jest?
  8. Calling setState in a loop only updates state 1 time
  9. How to make a shared state between two react components?
  10. React – Preventing Form Submission
  11. react useEffect comparing objects
  12. CSS pseudo elements in React
  13. React 18, useEffect is getting called two times on mount
  14. Get path params in react-router v4
  15. In reactJS, how to copy text to clipboard?
  16. Unexpected token < error in react router component
  17. Is there any other way to implement a “listening” function without an infinite while loop?
  18. Where should functions in function components go?
  19. How can I call parent method in a child React component?
  20. Where’s the connection between index.html and index.js in a Create-React-App application?
  21. TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined raised when starting react app
  22. How does JavaScript mechanism behind react hooks work?
  23. Webpack output is empty object
  24. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  25. How can I wait for setState to finish before triggering a function in React?
  26. ReactJS server-side rendering vs client-side rendering
  27. React.js: How to append a component on click?
  28. Firebase-Admin, importing it to react application throws Module not found error
  29. How to prevent Next.js from instantiating a singleton class/object multiple times?
  30. How to dynamically import SVG and render it inline

Leave a Comment