title: How to change links of each tab when It's change using react ant design?
body: <p>I'm using Ant Design Tab but my requirement is I want to change the link when we go each tab.Below is the my code . But here when I click to second tab it's showing blank page. Content of tab is not displaying. Can anyone suggest me the solution please?</p>
  <p>Code:</p>
  <pre><code>const TabContainer =()=&gt;{
  
   const handleTabClick =(key) =&gt; {
    history.push(`/${key}`)   
    
    }
  
    render = () =&gt; (
      &lt;Tabs defaultActiveKey=&quot;history&quot; onChange={handleTabClick}&gt;
        &lt;TabPane tab=&quot;Tab 1&quot; key=&quot;history&quot;&gt;History&lt;/TabPane&gt;
        &lt;TabPane tab=&quot;Tab 2&quot; key=&quot;math&quot;&gt;Math&lt;/TabPane&gt;
        &lt;TabPane tab=&quot;Tab 3&quot; key=&quot;science&quot;&gt;Science&lt;/TabPane&gt;
      &lt;/Tabs&gt;
    )
  </code></pre>