/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 vote387 views1 answer
React native update app from play store ios app store
Javascript React
1 vote400 views1 answer
What is react easy emoji
Javascript React
0 vote392 views1 answer
React load script after render
Javascript React
-3 votes366 views1 answer
React native share
Javascript React
4 votes363 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
0 vote397 views1 answer
Vscode react cannot find moudle when import image
Javascript React
4 votes382 views2 answers
How to take 100% width in react native
Javascript React
0 vote453 views1 answer
Onclick inline function react
Javascript React
105 votes415 views1 answer
React web app create
Javascript React
0 vote379 views2 answers
React useEffect prevent first time
Javascript React