/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 vote367 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote393 views1 answer
Onclick inline function react
Javascript React
0 vote331 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
-1 vote330 views1 answer
React-native run-ios command
Javascript React
21 votes327 views6 answers
React native vector icons
Javascript React
0 vote365 views1 answer
React native get route name
Javascript React
1 vote340 views1 answer
React native new project mac
Javascript React
0 vote331 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote326 views2 answers
React show view based on role permission
Javascript React
13 votes345 views4 answers
Passing data in react router history,push
Javascript React