#reactjs #tabs #antd
Вопрос:
Я хочу получить выбранную вкладку
lt;Tabs defaultActiveKey="1" gt; lt;Tabs.TabPane tab="SITES1" key="1"gt; lt;/Tabs.TabPanegt; lt;Tabs.TabPane tab="SITES2" key="2"gt; Content of Tab Pane 2 lt;/Tabs.TabPanegt; lt;Tabs.TabPane tab="SITES3" key="3"gt; Content of Tab Pane 3 lt;/Tabs.TabPanegt; lt;Tabs /gt;
На основе выбранной вкладки я хочу вызвать API.
Ответ №1:
там у вас должна быть функция onChange:
const [active,setActive]=useState("1"); function callback(key) { console.log(key); setActive(key) } lt;Tabs defaultActiveKey={active} onChange={callback}gt; lt;Tabs.TabPane tab="SITES1" key="1"gt; lt;/Tabs.TabPanegt; lt;Tabs.TabPane tab="SITES2" key="2"gt; Content of Tab Pane 2 lt;/Tabs.TabPanegt; lt;Tabs.TabPane tab="SITES3" key="3"gt; Content of Tab Pane 3 lt;/Tabs.TabPanegt; lt;Tabs /gt;