/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/react/test/base/src/pages/overlay-components/IonModalDatetimeButton.tsx
51 строка
1 KB
Liam DeBeasi
test(react): migrate to builder architecture (#26959)
17 мар 2023, 23:21
Не верифицирован
17 мар 2023, 23:21
e3a1d7b
Код
Авторство
О чём код?
import { IonButton, IonContent, IonDatetime, IonDatetimeButton, IonModal } from '@ionic/react'; import { useRef } from 'react'; import { useState } from 'react'; const IonModalDatetimeButton = () => { const [showIonModal, setShowIonModal] = useState(false); const [isOpen, setIsOpen] = useState(true); const modal = useRef<HTMLIonModalElement>(null); return ( <IonContent> <IonButton id="renderModalBtn" onClick={() => { setShowIonModal(true); setIsOpen(true); }} > Render Modal </IonButton> {showIonModal && ( <IonModal ref={modal} isOpen={isOpen} onDidDismiss={() => { setIsOpen(false); setShowIonModal(false); }} > <IonContent> Modal Content <IonDatetimeButton datetime="startDate" /> <IonModal id="datetimeModal" keepContentsMounted={true}> <IonDatetime id="startDate" preferWheel presentation="date" name="startDate" showDefaultButtons color="primary" /> </IonModal> </IonContent> </IonModal> )} </IonContent> ); }; export default IonModalDatetimeButton;