/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 vote266 views1 answer
React flip move
Javascript React
0 vote176 views1 answer
How to add value with useref in react
Javascript React
0 vote141 views0 answer
React
Javascript React
0 vote209 views1 answer
React get dynamic window sizes
Javascript React
1 vote171 views1 answer
Responsive calc height react native
Javascript React
3 votes249 views1 answer
React hooks send data from child to parent
Javascript React
0 vote201 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote177 views1 answer
Add event listener react hooks
Javascript React
6 votes295 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React
47 votes191 views3 answers
How to comment in the react javascript
Javascript React