React setState not Updating Immediately

by

You should invoke your second function as a callback to setState, as setState happens asynchronously. Something like:

this.setState({pencil:!this.state.pencil}, myFunction)

However in your case since you want that function called with a parameter you’re going to have to get a bit more creative, and perhaps create your own function that calls the function in the props:

myFunction = () => {
  this.props.updateItem(this.state)
}

Combine those together and it should work.

More Related Contents:

  1. When do I choose React state Vs Redux Store
  2. TypeError: evt.target is null in functional setState
  3. React setState not updating state
  4. When to use React setState callback
  5. Updating an object with setState in React
  6. Does React keep the order for state updates?
  7. What is mapDispatchToProps?
  8. What is the best way to access redux store outside a react component?
  9. why do you need to bind a function in a constructor
  10. What is use of curly braces in an ES6 import statement?
  11. How can I persist redux state tree on refresh?
  12. Attach Authorization header for all axios requests
  13. What is the best way to redirect a page using React Router? [closed]
  14. Can I dispatch an action in reducer?
  15. Handling async request with React, Redux and Axios?
  16. React – Display loading screen while DOM is rendering?
  17. Use Connect or pass data as props to children
  18. Add element to a state React
  19. Redux: Why is avoiding mutations such a fundamental part of using it?
  20. ReactJS lifecycle method inside a function Component
  21. Element type is invalid: expected a string (for built-in components) or a class/function
  22. Use history.push in action creator with react-router-v4?
  23. next-redux-wrapper TypeError: nextCallback is not a function error in wrapper.getServerSideProps
  24. How does connect work without mapDispatchToProps
  25. React: Parent component re-renders all children, even those that haven’t changed on state change
  26. getting error: Cannot read property state of undefined
  27. How to fix 431 Request Header Fields Too Large in React-Redux app
  28. how to set initial state in redux
  29. How do I see state when logging to the console instead of Proxy object inside reducer action?
  30. Typescript + React/Redux: Property “XXX” does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes

Leave a Comment