/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 vote268 views1 answer
How to install react fullpage using npm
Javascript React
2 votes238 views1 answer
Rn touchableopacity
Javascript React
0 vote264 views1 answer
Popup react now ui
Javascript React
0 vote256 views1 answer
Reactjs sweet alert
Javascript React
2 votes338 views1 answer
Cursor to pointer in react
Javascript React
1 vote283 views1 answer
"react native" component dynamic children props
Javascript React
3 votes285 views2 answers
Use font awsome in react
Javascript React
1 vote254 views1 answer
React current path
Javascript React
0 vote286 views1 answer
Border radius not working ios react native
Javascript React
0 vote267 views1 answer
Onclick on fragment react
Javascript React