title: Can't set state in react to array of strings
body: <p>I'm new to react and having a super hard time.  My most recent problem is trying to set the state of 'favMovies' to an array of strings (movie IDs).</p>
  <p>States:</p>
  <pre><code>export class MainView extends React.Component {
    constructor() {
      super();
      this.state = {
        movies: [],
        favMovies: [],
        user: null,
      };
    }
  </code></pre>
  <p>Setting states:</p>
  <pre><code>onLoggedIn(authData) {
      console.log(authData);
      console.log(authData.user.FavoriteMovies);
      this.setState({
        favMovies: authData.user.FavoriteMovies,
      });
      this.setState({ user: authData.user });
      localStorage.setItem('token', authData.token);
      localStorage.setItem('user', JSON.stringify(authData.user));
      this.getMovies(authData.token);
      this.getUsers();
    }
  </code></pre>
  <p>I kind of understand that set state is async and doesn't happen until the next render.  The part that I'm confused by is the 'user' that get's set after 'favMovies' works as expected, but 'favMovies' is undefined.</p>
  <p>I know this is probly a dumb question, but I'm absolutely lost in react right now and struggling.<br>  Any help would be appreciated.</p>