/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 vote173 views1 answer
Clickjacking in react js
Javascript React
1 vote162 views1 answer
I18n turn off suspense react
Javascript React
0 vote153 views2 answers
Add typescript to react-native
Javascript React
0 vote151 views1 answer
Como hacer un onpress en react native expo
Javascript React
0 vote172 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
0 vote170 views1 answer
How to reset count in react
Javascript React
0 vote246 views1 answer
Custom react native product rating
Javascript React
1 vote178 views1 answer
Npm react redux logger
Javascript React
18 votes158 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote163 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React