ReactJS: setState value not updating

Question

I'm trying to update a state value from within a method. When I .log above the setState the value is correct but afterwards I get an undefined. I should be getting the userObject. The data is passed to the method correctly, just not sure why the value isn't being set?

toggleModal = (user) => {
var userData = {};
if (user === null) {
  userData = {}
} else {
  userData = user
}
this.setState({
  isOpen: !this.state.isOpen,
  dataType: 'user',
  user: userData
});
console.log(this.state.user);
}

When I pass the value to another component the value is marked as undefined and not null or an empty object.

Read this https://stackoverflow.com/questions/36085726/setstate-in-reactjs-is-async-or-sync. setState is asynchronous — simbathesailor, Feb 22 '18 at 15:19
None of the links help so it's not a duplicate. I'm still getting an undefined despite your suggestions. — user7684436, Feb 22 '18 at 15:34
If this is not longer a duplicate then you need to explain why it is different — New Alexandria, Feb 23 '18 at 03:48

score 1 · Accepted Answer · answered Feb 22 '18 at 15:19

1

this.setState({
  isOpen: !this.state.isOpen,
  dataType: 'user',
  user: userData
},()=>{console.log(this.state.user)});

answered Feb 22 '18 at 15:19

egorchik

531
1
4
12

This helped. Thanks! I am getting an undefined when using the props in a component. – user7684436 Feb 22 '18 at 15:35

ReactJS: setState value not updating

1 Answers1