/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

15 votes296 views4 answers
Get query params react
Javascript React
0 vote340 views1 answer
What difference between react func and class components
Javascript React
0 vote316 views1 answer
About react frame
Javascript React
0 vote313 views1 answer
Eject expo app to android and react native
Javascript React
0 vote368 views1 answer
React chunk file too large
Javascript React
-1 vote316 views2 answers
Minified react error #200
Javascript React
0 vote345 views1 answer
Navigate between files in react js
Javascript React
18 votes332 views1 answer
Get specific characters from state variable reactjs
Javascript React
1 vote295 views1 answer
Npm package for sorting in reactjs
Javascript React
1 vote305 views1 answer
React native flatlist horizontal scroll
Javascript React