/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 vote358 views1 answer
React js loop through array of objects
Javascript React
0 vote372 views1 answer
Export app react native
Javascript React
0 vote392 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote390 views1 answer
Form.select react bootstrap
Javascript React
6 votes379 views3 answers
React native vector icons not showing
Javascript React
9 votes380 views2 answers
React native hide yellow box
Javascript React
6 votes370 views6 answers
Shadow react native generator
Javascript React
0 vote412 views1 answer
How to go to settings on next click in react native
Javascript React
1 vote389 views1 answer
React current path
Javascript React
0 vote392 views1 answer
Comming soon page in react
Javascript React