Last updated 8 months ago
Was this helpful?
Hooks that exposes Modalfy's API. The object returned by useModal()is covered in .
useModal()
Note: Prefer HOC if you're using a Class component.
const useModal = <P extends ModalfyParams>(): UsableModalProp<P> => { const context: UsableModalProp<P> = React.useContext(ModalContext) const { closeModal, closeModals, closeAllModals } = modalfy<P>() return { closeAllModals: closeAllModals: closeAllModals as UsableModalProp<P>['closeAllModals'], closeModals: closeModals as UsableModalProp<P>['closeModals'], closeModal: closeModal as UsableModalProp<P>['closeModal'], currentModal: context.currentModal, openModal: context.openModal, } }
import { ModalStackParamsList } from 'App' // ... const { openModal } = useModal<ModalStackParamsList>()
If you're using TypeScript and have , you can get some nice autocomplete by utilizinguseModal()like this:
ModalProp
withModal()