Встречается на собеседованиях • сегодня
Как получить параметры адресной строки в 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` пропсы.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы