From 737c25edd897374c4c3de1fde983da9c247f4d9b Mon Sep 17 00:00:00 2001 From: Jiachi Liu Date: Sun, 28 Mar 2021 22:17:50 +0800 Subject: [PATCH] doc: fix ActiveLink detection condition (#23472) ## Documentation / Examples - [x] Make sure the linting passes `router.pathname` can be dynamic routes like `/posts/[slug]`, use `router.asPath` instead to detect anchor is active --- docs/api-reference/next/router.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/api-reference/next/router.md b/docs/api-reference/next/router.md index 8467607594..08956aae35 100644 --- a/docs/api-reference/next/router.md +++ b/docs/api-reference/next/router.md @@ -17,7 +17,7 @@ function ActiveLink({ children, href }) { const router = useRouter() const style = { marginRight: 10, - color: router.pathname === href ? 'red' : 'black', + color: router.asPath === href ? 'red' : 'black', } const handleClick = (e) => { -- GitLab