How can I reset a react component including all transitively reachable state?

by

To ensure that the implicit browser state you mention and state of children is reset, you can add a key attribute to the root-level component returned by render; when it changes, that component will be thrown away and created from scratch.

render: function() {
    // ...
    return <div key={uniqueId}>
        {children}
    </div>;
}

There’s no shortcut to reset the individual component’s local state.

More Related Contents:

  1. Uncaught TypeError: Cannot read property ‘state or props’ of undefined
  2. Can you force a React component to rerender without calling setState?
  3. Use state or refs in React.js form components?
  4. PropTypes in a TypeScript React Application
  5. React Router Pass Param to Component
  6. How to stop /#/ in browser with react-router?
  7. React Hook : Send data from child to parent component
  8. Material UI v4 makeStyles exported from a single file doesn’t retain the styles on refresh
  9. Can’t import SVG into Next.js
  10. Could not proxy request /pusher/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED)
  11. React – Display loading screen while DOM is rendering?
  12. How to reset TabNavigator when user logs out (from other screen)
  13. What will happen if I use setState() function in constructor of a Class in ReactJS or React Native?
  14. npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap
  15. Using React-Router with a layout page or multiple components per page
  16. React Native project, index.ios.js or index.android.js not generated
  17. Use history.push in action creator with react-router-v4?
  18. Getting error Cannot read property ‘setState’ of undefined
  19. Unable to create new react app with npx create-react-app
  20. Safe alternative to dangerouslySetInnerHTML
  21. How do I avoid ‘Function components cannot be given refs’ when using react-router-dom?
  22. How to declare a global variable in React?
  23. Module not found: Error: Package path . is not exported from package
  24. How to submit a form using Enter key in react.js?
  25. When exactly is `componentDidMount` fired?
  26. Loading Screen on Next.js page transition
  27. ESLint Must use destructuring state assignment
  28. Cannot find module ‘sass’
  29. React Hook useEffect has a missing dependency: ‘list’
  30. Show/Hide components in ReactJS

Leave a Comment