/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

13 votes216 views1 answer
React post request
Javascript React
0 vote235 views1 answer
Get lat and long from address in react js
Javascript React
21 votes204 views6 answers
React native apk build
Javascript React
0 vote247 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
2 votes226 views3 answers
React cdn
Javascript React
0 vote222 views1 answer
Blank array condition in react js
Javascript React
0 vote278 views1 answer
React native application architecture
Javascript React
0 vote219 views1 answer
How to display a calender in react native
Javascript React
3 votes264 views2 answers
How to know the current route in react class component
Javascript React
0 vote235 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React