execute a function on tab click antd
class App extends React.Component {
const [activeTabKey, setActiveTabKey] = React.useState('1');
const changeTab = activeKey => {
console.log(activeKey);
setActiveTabKey(activeKey);
};
useEffect(() => {
if (activeTabKey === '1') {
setData(true);
}
if (activeTabKey === '2') {
setProductData(true);
}
if (activeTabKey === '3') {
setProductsData(true);
}
if (activeTabKey === '4') {
setSoldData(true);
}
if (activeTabKey === '5') {
setArchivedData(true);
}
}, [activeTabKey]);
return (
<Tabs
className="ant-tabs-home"
defaultActiveKey="1"
activeKey={activeTabKey}
onChange={changeTab}
>
<TabPane
key="1"
onClick={() => setIsActionsData(true)}
>
.........
.....
....
...
..
.
)
}}