質問編集履歴

1 タイトル修正

kito-chall

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
  • React.js

    2662 questions

    Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

  • Next.js

    100 questions

    Next.jsは、Reactを用いたサーバサイドレンダリングなどを行う軽量なフレームワークです。Zeit社が開発しており、nextコマンドでプロジェクトを作成することにより、開発環境整備が整った環境が即時に作成できます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る