material-ui中如何动态的向非DOM元素添加非DOM元素

Question

1.想实现点击按钮动态的向<Tabs></Tabs>增加一个<Tab/>标签，在material-ui中好像没有这个方法。
2.

<Tabs>
<Tab label="Item One" >
  <div>
    <h2 style={styles.headline}>Tab One</h2>
    <p>
      This is an example tab.
    </p>
    <p>
      You can put any sort of HTML or react component in here. It even keeps the component state!
    </p>
    <Slider name="slider0" defaultValue={0.5} />
  </div>
</Tab>
<Tab label="Item Two" >
  <div>
    <h2 style={styles.headline}>Tab Two</h2>
    <p>
      This is another example tab.
    </p>
  </div>
</Tab>
</Tabs>

Answer 1

写一个函数来渲染Tab