setState() inside of componentDidUpdate()

by

You can use setStateinside componentDidUpdate. The problem is that somehow you are creating an infinite loop because there’s no break condition.

Based on the fact that you need values that are provided by the browser once the component is rendered, I think your approach about using componentDidUpdate is correct, it just needs better handling of the condition that triggers the setState.

More Related Contents:

  1. setState doesn’t update the state immediately
  2. Unable to access React instance (this) inside event handler [duplicate]
  3. What do multiple arrow functions mean in JavaScript?
  4. Adding script tag to React/JSX
  5. Arrow function without curly braces
  6. Why shouldn’t JSX props use arrow functions or bind?
  7. When to use ES6 class based React components vs. functional ES6 React components?
  8. Why and when do we need to bind functions and eventHandlers in React?
  9. What does three dots do in ReactJS [duplicate]
  10. React Native: require() with Dynamic String?
  11. React functional stateless component, PureComponent, Component; what are the differences and when should we use what?
  12. How to add multiple classes to a ReactJS Component?
  13. React useState hook event handler using initial state
  14. Can I use arrow function in constructor of a react component?
  15. Active link with React-Router?
  16. When should I use brackets with imports
  17. Arrow functions and the use of parentheses () or {} or ({})
  18. Why React Hook useState uses const and not let
  19. What does calling super() in a React constructor do?
  20. Unable to use Arrow functions inside React component class [duplicate]
  21. Best way to polyfill ES6 features in React app that uses create-react-app
  22. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  23. this.setState is not a function [duplicate]
  24. Error: How to serialize data from getStaticProps : Next.js
  25. Update one of the objects in array, in an immutable way
  26. map function not working in React
  27. How to namespace es6 classes (for React components)
  28. React cannot read property map of undefined
  29. Deep nested array of objects not rendering
  30. import * as React from ‘react’; vs import React from ‘react’;

Leave a Comment