/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

2 votes219 views1 answer
Cursor to pointer in react
Javascript React
0 vote212 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
17 votes227 views5 answers
React native background image
Javascript React
0 vote337 views1 answer
React big calendar messages
Javascript React
10 votes170 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote216 views1 answer
Set meterial icon color change onClick react
Javascript React
1 vote215 views2 answers
React capitalize first letter
Javascript React
0 vote205 views1 answer
React locomotive-scroll
Javascript React
1 vote242 views3 answers
React toggle state
Javascript React
0 vote234 views1 answer
How to insalk react router with npm
Javascript React