/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 vote290 views1 answer
Images not displaying in react
Javascript React
0 vote302 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote329 views2 answers
Reactjs firebase timestamp to date
Javascript React
1 vote301 views1 answer
Have flat list automatically wrap react native
Javascript React
0 vote300 views1 answer
Input type disappear side scroll react
Javascript React
0 vote300 views1 answer
React native firebase login with facebook
Javascript React
0 vote253 views2 answers
Install react webpack
Javascript React
0 vote309 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
1 vote292 views3 answers
React redux how to change object value in reducer
Javascript React
13 votes314 views1 answer
React js vs jsx
Javascript React