/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

2 votes225 views1 answer
React native open email client expo
Javascript React
0 vote253 views1 answer
Global keyboard shortcuts react
Javascript React
5 votes221 views2 answers
Lazy loading react
Javascript React
15 votes216 views2 answers
React check if url address is valid
Javascript React
0 vote236 views1 answer
How to add carsoul to react project
Javascript React
0 vote161 views2 answers
React refresh page not found
Javascript React
0 vote273 views2 answers
Loop through array react native
Javascript React
0 vote240 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote229 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote224 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React