Next.js · Senior · Pytanie 22 z 75
Zewnętrzny komponent używa hooków, ale nie ma 'use client'. Jak użyć go na stronie serwerowej?
- ✓Poprawna odpowiedź: Reeksportować go z własnego pliku z
'use client' - 2Opakować go w
<Suspense>- to wystarczy - 3Nie da się: takie biblioteki są niekompatybilne z App Router
Wyjaśnienie
Utwórz components/carousel.tsx: 'use client'; export { Carousel } from 'acme-carousel'. Teraz komponent serwerowy importuje kliencki wrapper. Wiele bibliotek samo już dodało dyrektywę. Suspense nie ma nic wspólnego z granicą kliencką.