/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 vote114 views1 answer
Javascript Binding Example With React
Javascript React
0 vote143 views2 answers
How to use react typed js
Javascript React
0 vote107 views1 answer
React Redux store exemple
Javascript React
0 vote100 views1 answer
React native use route undefined
Javascript React
1 vote112 views1 answer
New line in p tag react
Javascript React
0 vote109 views1 answer
How to reset count in react
Javascript React
3 votes109 views1 answer
UseNav react router
Javascript React
0 vote120 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote117 views1 answer
Use this in a react js component
Javascript React
1 vote117 views1 answer
How to clear pod cache in react native
Javascript React