/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

6 votes159 views2 answers
React-router-dom get current route
Javascript React
0 vote242 views1 answer
React native app slow lagging image
Javascript React
3 votes201 views1 answer
React data attributes event
Javascript React
0 vote224 views1 answer
React native override style
Javascript React
5 votes215 views3 answers
Linear gradient react js
Javascript React
0 vote203 views1 answer
React string to integer
Javascript React
0 vote207 views1 answer
Icomoon react native
Javascript React
0 vote200 views1 answer
React index.js file
Javascript React
1 vote197 views1 answer
How to change the tab text in React
Javascript React
11 votes210 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React