title: React- Active next tab while clicking button
body: <p>I have 4 tabs on my page. each tab contain different data.</p>
  
  <p>i have button inside first tab, basically want to active next tab to show content when user clicks on that button.</p>
  
  <pre><code>     render(){
           return (
          &lt;MuiThemeProvider&gt;
              &lt;div className="background"&gt;
                  &lt;Header/&gt;
                  &lt;div&gt;
                      &lt;Card&gt;
                          &lt;Tabs&gt;
                              &lt;Tab label="General"&gt;
                                  &lt;div&gt;
                                      &lt;button&gt;Normal button&lt;/button&gt; 
       // when user clicks on this button description tab should be active
                                  &lt;/div&gt;
                              &lt;/Tab&gt;
                              &lt;Tab label="Descriptions"&gt;
                                  &lt;Description /&gt;
                              &lt;/Tab&gt;
  
                              &lt;Tab label="Content"&gt;
                                  &lt;Content /&gt;
                              &lt;/Tab&gt;
  
                              &lt;Tab label="Sidebar"&gt;
                                    &lt;Sidebar/&gt;
                              &lt;/Tab&gt;
                          &lt;/Tabs&gt;
                      &lt;/Card&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/MuiThemeProvider&gt;
      )
  }
  </code></pre>
  
  <p>How i can do that??</p>