/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 vote333 views4 answers
React router v6
Javascript React
0 vote326 views1 answer
React open a link to an outside siite
Javascript React
0 vote333 views1 answer
Autofocus is not working in react native
Javascript React
0 vote344 views1 answer
Empty div react
Javascript React
0 vote319 views1 answer
React actions sintaxe
Javascript React
5 votes317 views3 answers
Linear gradient react js
Javascript React
0 vote339 views1 answer
Text decoration react native
Javascript React
22 votes370 views4 answers
Reactjs copytoclipboard box
Javascript React
0 vote319 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
4 votes367 views1 answer
React native scrollview horizontal
Javascript React