我在下一个js 13.5.3的最新版本中使用'使用客户端',但组件仍然是从服务器端渲染的,而且在下一个js中很难同时使用tailwind和antd有人知道这个问题吗?请帮助我。
pzfprimi1#
带有"use client"指令的React客户端组件将在客户端渲染,但Next.js在服务器端渲染客户端组件,称为SSR。这意味着每个客户端组件都将首先在服务器上执行。
"use client"
useEffect
useEffect(() => { console.log("this should only be logged in the browser console") }, [])
import dynamic from "next/dynamic" const ClientComponent = dynamic(import("path/to/component.tsx"), { ssr: false })
1条答案
按热度按时间pzfprimi1#
带有
"use client"
指令的React客户端组件将在客户端渲染,但Next.js在服务器端渲染客户端组件,称为SSR。这意味着每个客户端组件都将首先在服务器上执行。
退出
将您的客户端代码与效果挂钩(如
useEffect
)放在一起。动态导入组件禁用SSR