/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 vote197 views1 answer
React navigation history clear
Javascript React
0 vote224 views1 answer
@tippyjs/react
Javascript React
3 votes183 views3 answers
Chart js react
Javascript React
3 votes198 views1 answer
React bootstrap card
Javascript React
-1 vote209 views1 answer
Animation react native npm
Javascript React
0 vote203 views1 answer
React-native-ffmpeg gradel issue
Javascript React
0 vote181 views1 answer
How to run and clone react app
Javascript React
5 votes201 views1 answer
React native backgrunde img
Javascript React
112 votes263 views5 answers
Command to create react app
Javascript React
0 vote190 views1 answer
How to filter items in react state
Javascript React