React onClick function fires on render

by

Because you are calling that function instead of passing the function to onClick, change that line to this:

<button type="submit" onClick={() => { this.props.removeTaskFunction(todo) }}>Submit</button>

=> called Arrow Function, which was introduced in ES6, and will be supported on React 0.13.3 or upper.

More Related Contents:

  1. Missing click event for inside element on firefox
  2. Get the contents of a table row with a button click
  3. Onclick javascript to make browser go back to previous page?
  4. Changing button text onclick
  5. In React, what’s the difference between onChange and onInput?
  6. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  7. Javascript – Dynamically assign onclick event in the loop
  8. Change Button color onClick
  9. How to add click event to an element?
  10. Attribute onclick=”function()” not functioning as intended?
  11. JavaScript button onclick not working
  12. Change text color with Javascript?
  13. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  14. Document.write clears page
  15. How can I communicate between related react components?
  16. Uncaught ReferenceError: function is not defined with onclick
  17. When to use functional setState
  18. Javascript close alert box
  19. Using async/await inside a React functional component
  20. How to update React Context from inside a child component?
  21. How to detect responsive breakpoints of Twitter Bootstrap 3 using JavaScript?
  22. How to loop and render elements in React.js without an array of objects to map?
  23. Error: How to serialize data from getStaticProps : Next.js
  24. iFrame onload JavaScript event
  25. Why is my function being called twice in React?
  26. How to Set port in next.js
  27. Confirm postback OnClientClick button ASP.NET
  28. How to include local javascript on a Gatsby page?
  29. React Error: “SharedArrayBuffer is not defined” in Firefox
  30. How to set iframe content of a react component

Leave a Comment