/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

1 vote361 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote375 views1 answer
Setting up react on visual studio code
Javascript React
0 vote361 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote271 views2 answers
React refresh page not found
Javascript React
0 vote358 views1 answer
React form input not working
Javascript React
0 vote386 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote358 views1 answer
React native showing double header stack and drawer menu
Javascript React
15 votes365 views2 answers
Expo react navigation
Javascript React
1 vote394 views1 answer
React native nav bars
Javascript React
1 vote417 views1 answer
How to resize react icons
Javascript React