/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

1 vote344 views1 answer
React native run ios select simulator
Javascript React
0 vote305 views1 answer
React-with-firebase-auth
Javascript React
7 votes316 views2 answers
Br in react native
Javascript React
0 vote344 views1 answer
React-native-restart
Javascript React
0 vote331 views1 answer
Failed to construct image react-native
Javascript React
1 vote334 views1 answer
How to call create react app
Javascript React
0 vote390 views1 answer
How to get year in react
Javascript React
12 votes305 views1 answer
Suspense react
Javascript React
0 vote326 views1 answer
Open screen pdf on google drive react native expo
Javascript React
1 vote313 views3 answers
React redux how to change object value in reducer
Javascript React