title: How to keep Tabs selected in ReactJS when I use Material-ui?
body: <p>In this example came from Material-UI, I do not know how to keep tab selected after refresh the web page. There is one the same question which has been asked before. However, that did not be answered. Can someone give me some hints or code example?</p>
  
  <pre><code>  return (
      &lt;div className={classes.root}&gt;
        &lt;AppBar position="static"&gt;
          &lt;Tabs value={value} onChange={handleChange} aria-label="simple tabs example"&gt;
            &lt;Tab label="Item One" {...a11yProps(0)} /&gt;
            &lt;Tab label="Item Two" {...a11yProps(1)} /&gt;
            &lt;Tab label="Item Three" {...a11yProps(2)} /&gt;
          &lt;/Tabs&gt;
        &lt;/AppBar&gt;
        &lt;TabPanel value={value} index={0}&gt;
          Item One
        &lt;/TabPanel&gt;
        &lt;TabPanel value={value} index={1}&gt;
          Item Two
        &lt;/TabPanel&gt;
        &lt;TabPanel value={value} index={2}&gt;
          Item Three
        &lt;/TabPanel&gt;
      &lt;/div&gt;
    );
  }
  
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/uz2qz" rel="nofollow noreferrer">code exampe</a>
  <a href="https://i.stack.imgur.com/am03z.png" rel="nofollow noreferrer">enter image description here</a></p>