Skip to content

Хуки

Aleksandr Kuznetsov edited this page Oct 31, 2023 · 3 revisions

useRouterView

Для навигации по View нужно воспользоваться хуком useRouterView:

import { useRouterView } from "@kokateam/router-vkminiapps";
const [view, toView] = useRouterView();

В качестве параметров хук возвращает активную view и функцию для навигации по View.

Параметр Тип Описание
view string Текущая активная View
toView string or number Если будет передан string, то произойдет навигация на эту view. Если number (-1, -2 и etc), то навигация назад конкретно по истории всех View's

useRouterPanel

Для навигации по Panel нужно воспользоваться хуком useRouterPanel:

import { useRouterPanel } from "@kokateam/router-vkminiapps";
const [panel, toPanel] = useRouterPanel();

В качестве параметров хук возвращает объект и функцию для навигации по View.

Параметр Тип Описание
panel { active: string; panels: string[] } active - текущая активная Panel. panels - массив из id панелей в порядке открытия
toPanel string or number Логика как в useRouterView

useRouterBack

Для навигации назад нужно воспользоваться хуком useRouterBack:

import { useRouterBack } from "@kokateam/router-vkminiapps";
const toBack = useRouterBack();

В данном случае допустимо любое название для функции этого хука. То есть: toBack, toRouterBack или superMegaBack

Параметр Тип Описание
toBack number Навигация назад по всему приложению, принимает только отрицательные числа, как кол-во шагов назад

useRouterPopout

Для навигации по попаутам нужно воспользоваться хуком useRouterPopout:

import { useRouterPopout } from "@kokateam/router-vkminiapps";
const [popout, toPopout] = useRouterPopout();

В качестве параметров хук возвращает текущий popout и функцию для отображения попаута.

Параметр Тип Описание
popout any Текущий активный popout, нужно передать в SplitLayout как параметр popout
toPopout any Принимает любой тип данных, для закрытие попаута можно воспользоваться этим же методом: toPopout() или toPopout(null)

useRouterModal

Для навигации по модалкам нужно воспользоваться хуком useRouterModal:

import { useRouterModal } from "@kokateam/router-vkminiapps";
const [activeModal, toModal] = useRouterModal();

В качестве параметров хук возвращает id активной модалки и функцию для отображения модального окна.

Параметр Тип Описание
activeModal null or string ID активного модального окна, если его нет, то возвращается null
toModal number or string Для отображения модального окна, нужно передать его id, если передать number, то будет выполнена навигация назад

Clone this wiki locally