/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 vote210 views1 answer
React native shadow maker
Javascript React
0 vote216 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote227 views1 answer
React js create element
Javascript React
23 votes210 views4 answers
Click to copy react
Javascript React
2 votes232 views3 answers
Select the items from selectors in .map reactjs
Javascript React
0 vote213 views1 answer
React datetime mannual editing
Javascript React
0 vote155 views1 answer
Left side menu react js
Javascript React
0 vote231 views1 answer
Random picture position in react
Javascript React
2 votes202 views5 answers
React native debugger
Javascript React
1 vote205 views1 answer
React native componentwillmount vs componentdidmount
Javascript React