/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/Tabs.tsx
25 строк
749 B
Shane
test(react): general navigation improvement (#30602)
05 авг 2025, 20:11
Не верифицирован
05 авг 2025, 20:11
dc764e4
Код
Авторство
О чём код?
import React from 'react'; import { IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs, IonPage } from '@ionic/react'; import { Route, Redirect } from 'react-router'; interface TabsProps {} const Tabs: React.FC<TabsProps> = () => { return ( <IonPage> <IonTabs> <IonRouterOutlet> <Redirect from="/tabs" to="/tabs/tab1" exact /> <Route path="/tabs/tab1" render={() => <IonLabel>Tab 1</IonLabel>} /> </IonRouterOutlet> <IonTabBar slot="bottom"> <IonTabButton tab="tab1" onClick={() => window.alert('Tab was clicked')}> <IonLabel>Click Handler</IonLabel> </IonTabButton> </IonTabBar> </IonTabs> </IonPage> ); }; export default Tabs;