Next.js · Senior · Frage 22 von 75
Eine fremde Komponente nutzt Hooks, hat aber kein 'use client'. Wie verwendet man sie in einer Server-Seite?
- 1Gar nicht: solche Bibliotheken sind mit dem App Router unverträglich
- 2Sie aus einer eigenen Datei mit
'use client're-exportieren - 3Sie in
<Suspense>packen - das genügt
Antwort zeigen
Richtige Antwort: Sie aus einer eigenen Datei mit 'use client' re-exportieren
Erklärung
Man legt components/carousel.tsx an: 'use client'; export { Carousel } from 'acme-carousel'. Jetzt importiert die Server Component den Client-Wrapper. Viele Bibliotheken haben die Direktive schon selbst ergänzt. Mit der Client-Grenze hat Suspense nichts zu tun.