/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 vote143 views1 answer
React unfocus check
Javascript React
1 vote174 views1 answer
How to set height of material ui dialog react
Javascript React
8 votes131 views2 answers
Install material icons for react
Javascript React
0 vote138 views1 answer
Copy paste menu react native textinput disable
Javascript React
1 vote128 views1 answer
React place div at center of page
Javascript React
0 vote134 views1 answer
Connect react native app to local api macos
Javascript React
0 vote136 views1 answer
Camera roll react native
Javascript React
0 vote175 views1 answer
React js bootstrap select option required
Javascript React
-2 votes96 views1 answer
React timepicker example
Javascript React
3 votes133 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React