/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

8 votes153 views3 answers
Lazy react
Javascript React
1 vote168 views1 answer
UseScreens() react native
Javascript React
1 vote143 views2 answers
React select disable option
Javascript React
0 vote137 views1 answer
How to display a calender in react native
Javascript React
10 votes144 views5 answers
Form react js
Javascript React
2 votes202 views1 answer
React router 6 navigate
Javascript React
15 votes152 views2 answers
React native get location
Javascript React
0 vote165 views1 answer
Ng-class equivalent in react
Javascript React
1 vote148 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
1 vote146 views1 answer
React native svg onpress
Javascript React