/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 vote133 views1 answer
React native pure component vs component
Javascript React
41 votes118 views4 answers
On click copy to clipboard react
Javascript React
1 vote163 views1 answer
Breakline in react native
Javascript React
0 vote148 views1 answer
Image preload React
Javascript React
0 vote141 views1 answer
React native charts style gradiant
Javascript React
0 vote149 views1 answer
How to set dynamic size in react js
Javascript React
0 vote172 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote223 views1 answer
Disable autocomplete in react fields
Javascript React
0 vote131 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
18 votes135 views5 answers
How to use svg in react js
Javascript React