/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 vote142 views1 answer
React native listview date separator site:stackoverflow.com
Javascript React
2 votes137 views4 answers
React-hook-form-input npm
Javascript React
69 votes140 views6 answers
React icon
Javascript React
0 vote147 views1 answer
React array if id is present do not add element
Javascript React
0 vote132 views1 answer
React i18n outside component
Javascript React
1 vote164 views1 answer
How to add react icons using yarn
Javascript React
13 votes180 views3 answers
React native conditional rendering
Javascript React
13 votes138 views3 answers
Enable emmet vscode react
Javascript React
1 vote126 views2 answers
Edit todo list react-redux
Javascript React
10 votes131 views5 answers
Form react js
Javascript React