/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 vote296 views1 answer
Reactjs npm take photo
Javascript React
-1 vote294 views2 answers
For loop in react native
Javascript React
12 votes304 views1 answer
React chrome extension
Javascript React
0 vote281 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
2 votes303 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote300 views1 answer
Highcharts react hide data point dots
Javascript React
1 vote257 views1 answer
Class and id in react
Javascript React
0 vote291 views1 answer
Why does my react project dosent have any class
Javascript React
2 votes326 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote328 views1 answer
React google map doesn't update marker
Javascript React