/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

5 votes97 views2 answers
Code splitting react
Javascript React
0 vote93 views2 answers
Why we use react js
Javascript React
0 vote112 views1 answer
Start live server react js
Javascript React
4 votes95 views1 answer
Import react icons module
Javascript React
2 votes118 views1 answer
Dynamic import in reactjs
Javascript React
3 votes92 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote100 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote93 views1 answer
Csv upload with react
Javascript React
0 vote97 views2 answers
Adding preview images to react apps for linkedin
Javascript React
0 vote100 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React