/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 vote310 views1 answer
ReactRender
Javascript React
0 vote358 views1 answer
How to run bare react-native project
Javascript React
1 vote315 views5 answers
React state
Javascript React
1 vote318 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote309 views1 answer
How disabled react-select
Javascript React
48 votes322 views6 answers
Comment in react
Javascript React
0 vote311 views1 answer
React-anime
Javascript React
18 votes333 views4 answers
React get route params
Javascript React
1 vote332 views1 answer
React native object is empty
Javascript React
0 vote270 views1 answer
Import button react-bootstrap
Javascript React