/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 vote129 views6 answers
React slick
Javascript React
4 votes144 views4 answers
Class component react
Javascript React
22 votes120 views4 answers
Shadow elevation react native
Javascript React
0 vote136 views1 answer
How to run bare react-native project
Javascript React
0 vote163 views1 answer
Setstate after timeout react
Javascript React
0 vote158 views1 answer
React bootstrap button
Javascript React
1 vote117 views2 answers
What is reactive method
Javascript React
0 vote133 views1 answer
TrackPromise React
Javascript React
1 vote134 views2 answers
Npm youtube-react
Javascript React
24 votes93 views6 answers
React native navigation
Javascript React