title: How to show contents inside a tab?
body: <p>I am trying to create a form with three tabs.Now the tabs are created and i am able to switch between them but can not figure out how to display contents inside a tab</p>
  
  <p>I have tried writing markup tags like h1 in between  but nothing is shown on the output.</p>
  
  <pre><code>export class Stackreact extends Component {
      constructor(props) {
          super(props);
          this.state = { value: '1' }
      }
  
      handle_change = (value) =&gt; {
          this.setState({ value })
      }
  
      render() {
          return (
              &lt;div&gt;
  
                  &lt;Tabs value={this.state.value} onChange={(e, v) =&gt; { this.handle_change(v) }} indicatorColor="primary"
                      textColor="primary" centered&gt;
                      &lt;Tab value='1' label='BASIC DETAILS'&gt;&lt;h1&gt;First Tab&lt;/h1&gt;&lt;/Tab&gt;
                      &lt;Tab value='2' label='CONTACT DETAILS'&gt;&lt;h1&gt;Second Tab&lt;/h1&gt;&lt;/Tab&gt;
                      &lt;Tab value='3' label='MORE DETAILS'&gt;&lt;h1&gt;Third tab&lt;/h1&gt;&lt;/Tab&gt;
                  &lt;/Tabs&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>I want the contents of h1 tags to be displayed in their respective tabs. Please help.Also i am new to this language.</p>