title: How to set active tab in Tab from Material UI programatically
body: <p>I'm using Material UI and React, I'm creating multiple tabs programatically as can be seen below:</p>
  
  <pre><code>return (
      &lt;div&gt;
          &lt;Tabs&gt;
              {this.state.elements.map(elem =&gt; {
                  return (
                      &lt;Tab key={elem.elemID} label={elem.name} &gt;
                          &lt;div&gt;
                             // rest removed for brevity
                          &lt;/div&gt;
                      &lt;/Tab&gt;
                  )
              })}
          &lt;/Tabs&gt;
      &lt;/div&gt;
  );
  </code></pre>
  
  <p>This works, and the tabs are displayed, but the problem is that by default, when the component renders, the first tab is the active one. Whereas, I want to set the active tab programatically based on an id value that I get from props. So basically, if <code>this.props.selectedID === elem.elemID</code> then I want that tab be the active tab when the component renders. Of course, once the component is rendered, the user should be free to click and switch between tabs. Any idea how to achieve it?</p>