定义变量
const [activeKey, setActiveKey] = useState('1')
change事件
const onChange = (key) => {
setActiveKey(key)
}
页面代码
<Tabs
tabPosition="left"
onChange={onChange}
>
<TabPane
tab={(
<span>
<MailOutlined /> //图标
户信息统计
</span>
)}
key="1"
>
{activeKey === '1' ? <UserInfo /> : null}
</TabPane>
<TabPane
tab={(
<span>
<HomeOutlined /> //图标
普查信息统计
</span>
)}
key="2"
>
{activeKey === '2' ? <CensusInfo /> : null}
</TabPane>
</Tabs>
这样切换时就会重新调接口请求数据啦!