/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 native navigation paramlist never used
Javascript React
0 vote156 views1 answer
React native text input number only
Javascript React
2 votes179 views2 answers
Discord.js remove reaction
Javascript React
0 vote151 views1 answer
React overflow scroll
Javascript React
8 votes152 views2 answers
React on link click scroll to top
Javascript React
1 vote148 views1 answer
React transition group
Javascript React
1 vote130 views1 answer
Reconciliation in react
Javascript React
0 vote146 views1 answer
React cam filters
Javascript React
5 votes148 views1 answer
Create react app deployment heroku
Javascript React
-1 vote199 views1 answer
Spotify player react
Javascript React