/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

8 votes131 views4 answers
Props react
Javascript React
0 vote128 views1 answer
UseFetch custom hook for React
Javascript React
1 vote130 views1 answer
Spread operator react array
Javascript React
0 vote132 views1 answer
React open on different url instead of localhost
Javascript React
0 vote143 views1 answer
Get all database react native
Javascript React
0 vote136 views1 answer
Switch button react value
Javascript React
0 vote135 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
0 vote134 views1 answer
Search for country name from api with react
Javascript React
0 vote138 views1 answer
React axios get cookie from response
Javascript React
-1 vote141 views1 answer
How to insert divider in react native
Javascript React