Next.jsã®ãƒšãƒ¼ã‚¸é·ç§»ãƒ»ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰ã®ä»•çµ„ã¿ã‚’コードリーディングã§è¿½ã„ã‹ã‘㟠- $shibayu36->blog;Next.jsã®Linkã¨Routerã®æŒ™å‹•ãŒã‚ˆã分ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€Next.jsã®ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ãŸã€‚ページé·ç§»ã‚„ページãƒãƒ¼ãƒ‰ã®ä»•çµ„ã¿ãŒçµæ§‹ã¤ã‹ã‚ãŸã®ã§ãƒ¡ãƒ¢ã€‚ Linkã§ã¯ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨singletonRouterã®pushを呼んã§ã„ã‚‹ pushã¯changeメソッドを呼んã§ã„ã‚‹ next/next-server/lib/router/router.ts change pathnameã‚„queryã¯ã€urlã€ã¤ã¾ã‚ŠLinkã®hrefã‹ã‚‰æŠ½å‡ºã—ã¦ã„ã‚‹ routeã¯ãŸã pathnameã‹ã‚‰æœ€å¾Œã®/を消ã—ãŸã ã‘ dynamic routeã®å ´åˆ(/posts/[id]ã¿ãŸã„ã«ãªã£ã¦ã„ã‚‹ã‚„ã¤)ãªã‚‰ã€hrefã¨asを比ã¹ã¦ãƒ‘ラメータを抜ã出ã—ã¦ã€queryã«çªã£è¾¼ã‚“ã§ã„ã‚‹ ã“ã®ã¸ã‚“ã§getRouteInfoを使ã£ã¦ã€routeã¨ã‹pathnameã‹ã‚‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’特定ã—よã†ã¨ã—ã¦ãã†
{{#tags}}- {{label}}
{{/tags}}