/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 votes300 views2 answers
React native settimeout
Javascript React
0 vote209 views1 answer
React native set default ios simulator
Javascript React
1 vote304 views1 answer
How to find the width of outerconatiner in react native
Javascript React
0 vote201 views1 answer
React animated text yarn package
Javascript React
0 vote200 views1 answer
React check if localhost
Javascript React
0 vote201 views1 answer
React merge two objects
Javascript React
1 vote220 views1 answer
Minimum flatlist size react native
Javascript React
-1 vote203 views1 answer
How to run react native app on simulator
Javascript React
0 vote212 views1 answer
Get input value in react using hooks
Javascript React
0 vote212 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React