/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 vote197 views1 answer
How to reset count in react
Javascript React
0 vote194 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
-1 vote177 views6 answers
Set image as background react
Javascript React
4 votes176 views2 answers
React multiple select dropdown
Javascript React
0 vote188 views1 answer
Load all icon from a folder in react
Javascript React
7 votes185 views3 answers
React route props
Javascript React
0 vote186 views1 answer
Yarn react select
Javascript React
0 vote183 views1 answer
React notification
Javascript React
0 vote249 views1 answer
React set multible attribute values
Javascript React
2 votes170 views1 answer
View background image in react native
Javascript React