/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/ReorderGroup.tsx
58 строк
1 KB
Brandy Smith
fix(reorder-group): add children fallback for framework compatibility (#30593)
05 авг 2025, 17:27
Не верифицирован
05 авг 2025, 17:27
1cd81b9
Код
Авторство
О чём код?
import React from 'react'; import { IonBackButton, IonButtons, IonContent, IonHeader, IonItem, IonLabel, IonPage, IonReorder, IonReorderGroup, IonTitle, IonToolbar, } from '@ionic/react'; import type { ReorderEndCustomEvent } from '@ionic/react'; const ReorderGroup: React.FC = () => { const onReorderEnd = (event: ReorderEndCustomEvent) => { if (event.detail.from !== event.detail.to) { console.log('ionReorderEnd: Dragged from index', event.detail.from, 'to', event.detail.to); } else { console.log('ionReorderEnd: No position change occurred'); } event.detail.complete(); }; return ( <IonPage> <IonHeader> <IonToolbar> <IonButtons slot="start"> <IonBackButton></IonBackButton> </IonButtons> <IonTitle>Reorder Group</IonTitle> </IonToolbar> </IonHeader> <IonContent> <IonReorderGroup disabled={false} onIonReorderEnd={onReorderEnd}> <IonItem> <IonReorder slot="end"></IonReorder> <IonLabel>Item 1</IonLabel> </IonItem> <IonItem> <IonReorder slot="end"></IonReorder> <IonLabel>Item 2</IonLabel> </IonItem> <IonItem> <IonReorder slot="end"></IonReorder> <IonLabel>Item 3</IonLabel> </IonItem> </IonReorderGroup> </IonContent> </IonPage> ); }; export default ReorderGroup;