Breaking News: Grepper is joining You.com. Read the official announcement!

error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent

hamzah answered on August 12, 2021 Popularity 8/10 Helpfulness 1/10

answer error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent

error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent

Comment

The problem can be found in your onClick prop:

<button className="previous-round" onClick={setOrderData_(previous(orderData_))}>&#8249;</button>
                                            ^
Everything between the curly braces gets evaluated immediately. This causes the setOrderData_ function to be called in every render loop.

By wrapping the function with an arrow function, the evaluated code will result in a function that can be called whenever the user clicks on the button.^

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link