/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 vote214 views1 answer
Switch button react value
Javascript React
15 votes205 views3 answers
Image react native
Javascript React
0 vote205 views2 answers
Selected css based on route react
Javascript React
0 vote209 views1 answer
Open sans font react js
Javascript React
12 votes211 views1 answer
Suspense react
Javascript React
0 vote206 views1 answer
Text inside an image component react native
Javascript React
0 vote208 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote275 views1 answer
Which algorithm React is used to compare dom?
Javascript React
4 votes247 views2 answers
Concurrently node react
Javascript React
0 vote228 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React