title: Get state right after setState()
body: <p>I know <code>setState()</code> does not immediately mutate <code>this.state</code>. So in the code below, checkbox is always unchecked after clicking the button. How to fix this?</p>
  
  <pre><code>handleClick = () =&gt; {
    this.setState({tick: !this.state.tick})
  }
  
  render() {
    return (
      &lt;button type='button' onClick={() =&gt; this.handleClick()} &gt;
        &lt;input type="checkbox" value={this.state.tick} /&gt;
        Tick here
      &lt;/button&gt;
    )
  }
  </code></pre>