Встречается на собеседованиях • сегодня

Как получить параметры адресной строки в Next

В Next.js можно получить параметры адресной строки несколькими способами: 1. **В страницах (pages router)**: ```jsx // pages/post/[id].js import { useRouter } from 'next/router'; function Post() { const router = useRouter(); const { id } = router.query; return
Post ID: {id}
; } ``` 2. **В App Router (Next.js 13+)**: ```jsx // app/blog/[slug]/page.js export default function Blog({ params }) { const { slug } = params; return
Blog slug: {slug}
; } ``` 3. **Для query-параметров (?param=value)**: ```jsx // Используем useSearchParams (только в App Router) import { useSearchParams } from 'next/navigation'; function Page() { const searchParams = useSearchParams(); const param = searchParams.get('param'); return
Param: {param}
; } ``` Важно: `useRouter` и `useSearchParams` - клиентские хуки, их нельзя использовать в серверных компонентах. Для серверных компонентов параметры доступны через `params` и `searchParams` пропсы.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы