title: How to avoid duplicate render() calls when using setState and redux actions
body: <p>As title, i find that the following code will makes duplicate render() calls:</p>
  
  <pre><code>pressBtn = () =&gt; {
      console.warn("call completeUserLogin");
      // setState is going to update component state.
      this.setState({counter1: this.state.counter1+1});
      // counterTwoUpdate is going to update redux state.
      this.props.counterTwoUpdate(this.props.counter2+1);
  }
  </code></pre>
  
  <p>The situation is just like i am calling setState two times. But two setState can be easily merged with 1 statement such as :</p>
  
  <pre><code>// Before changes (render() call two times)
  this.setState({counter1: this.state.counter1+1});
  this.setState({counter2: this.state.counter2+1});
  
  // After changes (render() call only once)
  this.setState({
      counter1: this.state.counter1+1,
      counter2: this.state.counter2+1
  });
  </code></pre>
  
  <p>Any tricks to merge setState and redux action so that it will just makes 1 render() call ? Thanks a lot</p>