Чтобы получить значения из параметров запроса в Next.js, вы можете использовать перехватчик useRouter, предоставляемый пакетом next/router. Вот несколько методов, которые вы можете использовать:
-
Доступ к параметрам запроса непосредственно из объекта запроса:
import { useRouter } from 'next/router'; const MyComponent = () => { const router = useRouter(); const { query } = router; // Access query parameters const param1 = query.param1; const param2 = query.param2; // Rest of your component logic... }; -
Непосредственное деструктурирование параметров запроса:
import { useRouter } from 'next/router'; const MyComponent = () => { const { query: { param1, param2 }, } = useRouter(); // Access query parameters // Use param1 and param2 as needed... // Rest of your component logic... }; -
Доступ к параметрам запроса внутри функционального компонента с помощью компонента более высокого порядка
withRouter:import { withRouter } from 'next/router'; const MyComponent = ({ router }) => { const { param1, param2 } = router.query; // Access query parameters // Use param1 and param2 as needed... // Rest of your component logic... }; export default withRouter(MyComponent);
Эти методы позволяют извлекать параметры запроса из URL-адреса и использовать их в компонентах Next.js.