/Javascript/React/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

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.^

Source: stackoverflow.com

Similar codes

0 vote385 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
0 vote370 views1 answer
The email address is badly formatted react
Javascript React
0 vote373 views1 answer
Link tag react
Javascript React
1 vote357 views4 answers
Passing data in route react
Javascript React
1 vote387 views1 answer
Module not found reactstrap
Javascript React
0 vote406 views1 answer
How to add a useState in react Js
Javascript React
-2 votes382 views1 answer
How to hide keyboard in react native
Javascript React
0 vote336 views3 answers
Set bg image in react
Javascript React
2 votes372 views4 answers
Update react
Javascript React
0 vote369 views1 answer
How to detect if ios is in dark mode react native
Javascript React