/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 vote132 views1 answer
Onpress react native datepicker stackver flow
Javascript React
3 votes136 views1 answer
React hooks delete item from array
Javascript React
0 vote117 views1 answer
Making font weight bold by passing value in React.js
Javascript React
5 votes129 views2 answers
Import fa icons react
Javascript React
0 vote118 views1 answer
React regions
Javascript React
8 votes108 views3 answers
Lazy react
Javascript React
0 vote110 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
0 vote113 views1 answer
Dropdown list value react fragment
Javascript React
0 vote60 views1 answer
React create element from string
Javascript React
0 vote116 views1 answer
How to add css based on route react
Javascript React