Next.js · Senior · Pytanie 68 z 75
Jak działa generateStaticParams dla zagnieżdżonych segmentów dynamicznych, np. /[category]/[product]?
// app/[category]/[product]/page.tsx
export async function generateStaticParams({ params }) {
const { category } = params
return (await getProducts(category)).map((p) => ({ product: p.slug }))
}- ✓Poprawna odpowiedź: Najpierw wykonuje się funkcja rodzica, a funkcja potomka jest wywoływana raz dla każdego wyniku rodzica z tymi
params - 2Tylko najgłębszy segment może eksportować
generateStaticParams - 3Wszystkie kombinacje generują się automatycznie
Wyjaśnienie
Alternatywnie potomek może zwrócić oba parametry naraz. Generowanie od góry do dołu sprawia, że pobieranie danych na każdym poziomie jest niewielkie.