/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 vote344 views1 answer
Navigate to another page onPress button react native
Javascript React
0 vote347 views1 answer
React hook form reset only one field
Javascript React
0 vote379 views1 answer
React native override style
Javascript React
0 vote377 views1 answer
Onclick start and stop the count react
Javascript React
1 vote360 views1 answer
React current path
Javascript React
0 vote380 views1 answer
Paging react mongoose
Javascript React
1 vote366 views1 answer
React native app crashes without error
Javascript React
93 votes329 views6 answers
Install react router dom
Javascript React
1 vote344 views1 answer
How to store array into react-native local storage
Javascript React
1 vote343 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React