как получить вкладку «Выбор» на вкладках библиотеки

#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;