/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 vote219 views1 answer
React Alert when rate changes
Javascript React
10 votes203 views1 answer
Device height react native
Javascript React
1 vote209 views1 answer
Concatenate a variable inside text react native
Javascript React
0 vote228 views1 answer
React native center text vertically full screen
Javascript React
0 vote239 views1 answer
Svelte reactive async
Javascript React
-2 votes216 views1 answer
React native generate signed apk getting older version
Javascript React
1 vote226 views2 answers
React native modal
Javascript React
0 vote218 views1 answer
Eject expo app to android and react native
Javascript React
2 votes210 views3 answers
React cdn
Javascript React
0 vote255 views1 answer
Link externo no react
Javascript React