title: How do I setState for nested object?
body: <p>For a plugin I'm using I have to have a state that looks like this:</p>
  
  <pre><code>getInitialState() {
    return {
      invalid: true,
      access: {
        access_code: '',
        zipcode: '',
        password: '',
        confirm: '',
        hospital_id: '',
      },
    }
  },
  </code></pre>
  
  <p>How would I set the state of hospital_id without setting the rest of access?</p>
  
  <p>This seems to remove everything but hospital_id:</p>
  
  <pre><code>this.setState({access: {hospital_id: 1}})
  </code></pre>