/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 vote390 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
-1 vote362 views1 answer
React-native run-ios command
Javascript React
0 vote393 views1 answer
React faq
Javascript React
1 vote373 views1 answer
React why onclick property function trigger without click
Javascript React
23 votes378 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote393 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
31 votes367 views3 answers
React mui icons
Javascript React
0 vote390 views1 answer
React application preloader add
Javascript React
6 votes383 views2 answers
Export default function react
Javascript React
1 vote425 views1 answer
How to use cookies in react js
Javascript React