Ecme - The Ultimate Next & TypeScript Web Template

useMenuActive

useMenuActive helps to get navigation meta related with current route.

Example

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 (...)
}

Params

param	Description	Type	Default
navTree	Nav config tree	`NavConfigMeta[]`	-
key	Current route key	`string`	-

Return

return	Description	Type	Default
activedRoute	NavConfigMeta that paired with current route key	`NavConfigMeta`	-
includedRouteTree	Root NavConfigMeta tree that included current route key	`NavConfigMeta`	-

TABLE OF CONTENT

Example