/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

8 votes208 views4 answers
React multiple classnames
Javascript React
3 votes200 views3 answers
React portals
Javascript React
1 vote212 views1 answer
How to remove name in react navigation header
Javascript React
0 vote209 views1 answer
Retour à la ligne react native
Javascript React
0 vote226 views1 answer
React conditional if localhost
Javascript React
1 vote205 views3 answers
Sticky footer react
Javascript React
0 vote223 views1 answer
React native floating button
Javascript React
0 vote188 views1 answer
Enzyme-adapter-react-17
Javascript React
0 vote236 views4 answers
React tutorial for beginners
Javascript React
108 votes265 views1 answer
How to start react app in windows
Javascript React