هوکها
توابع
کامپوننتهای مرتبه بالا
useMenuActive
هوک useMenuActive برای دریافت متادیتای ناوبری مرتبط با مسیر فعلی استفاده میشود.
مثال
import useMenuActive from '@/utils/hooks/useMenuActive'
import navigationConfig from '@/configs/navigation.config'
import { useSelector } from 'react-redux'
const Component = () => {
const currentRouteKey = useSelector(state => state.base.common.currentRouteKey)
const { activedRoute, includedRouteTree } = useMenuActive(navigationConfig, routeKey)
return (...)
}
پارامترها
| param | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| navTree | درخت پیکربندی ناوبری | NavConfigMeta[] | - |
| key | کلید مسیر فعلی | string | - |
مقدار بازگشتی
| بازگشتی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| activedRoute | NavConfigMeta متناظر با کلید مسیر فعلی | NavConfigMeta | - |
| includedRouteTree | درخت NavConfigMeta ریشهای که شامل کلید مسیر فعلی است | NavConfigMeta | - |