/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

47 votes254 views3 answers
How to comment in the react javascript
Javascript React
0 vote195 views1 answer
Onclick react history map
Javascript React
0 vote182 views1 answer
Setting a date range using yup on react date picker
Javascript React
5 votes190 views1 answer
Create react app deployment heroku
Javascript React
4 votes201 views1 answer
Carousel react
Javascript React
0 vote159 views1 answer
Debugging react native
Javascript React
8 votes213 views1 answer
React.Fragmen
Javascript React
0 vote666 views1 answer
Reactjs TypeError: b is undefined
Javascript React
0 vote192 views2 answers
Date format in react js
Javascript React
23 votes241 views3 answers
React save to local storage
Javascript React