kito-chall score 16
2020/07/21 11:07 投稿
| [Next.js] 動的なルートにて2つ以上のクエリを |
| [Next.js] 動的なルートにて2つ以上のクエリを取得する方法 |
| ### 前提・実現したいこと |
| 簡単なカレンダーを作成しています。 |
| 検索しても分からなかったので質問させてください |
| ### 理想 |
| URL: http://localhost:3000/calendar/2020/7 |
| ```next |
| import { useRouter } from 'next/router' |
| const router = useRouter() |
| const { year, month } = router.query |
| => year = 2020 |
| => month = 7 |
| ``` |
| ### 現状 |
| URL: http://localhost:3000/calendar/year/month/7 |
| ```Folder |
| ├─calendar |
| │ └─year |
| │ └─month |
| │ └─[month].js |
| ``` |
| ```next |
| import { useRouter } from 'next/router' |
| const router = useRouter() |
| const { month } = router.query |
| => month = 7 |
| ``` |
| ### 補足情報（FW/ツールのバージョンなど） |
| next: 9.4.4 |
