/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 vote187 views1 answer
Arrow not showing react slick
Javascript React
14 votes134 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
0 vote192 views1 answer
Filter based on input typing react
Javascript React
0 vote185 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
9 votes222 views2 answers
Html emmet in react vscode
Javascript React
18 votes182 views6 answers
React native android build
Javascript React
0 vote208 views1 answer
Convert integer month to string month react native
Javascript React
0 vote177 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote194 views1 answer
How to go specific content in react single page by id
Javascript React
0 vote168 views1 answer
React pass parameters to other page
Javascript React