/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 vote134 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote124 views1 answer
Number format reactjs
Javascript React
2 votes117 views1 answer
How to dynamically show image from local storage in react native
Javascript React
0 vote132 views2 answers
Count down timer in react native
Javascript React
1 vote118 views1 answer
Component vs container react
Javascript React
0 vote132 views1 answer
Multi filtering react
Javascript React
0 vote111 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
1 vote123 views1 answer
How to get the value of textarea in react
Javascript React
0 vote109 views1 answer
Ios react native detect locale
Javascript React
8 votes120 views1 answer
Professional react projects
Javascript React