Next js 13.5.1中的“使用客户端”问题仍然在服务器端获得响应

sauutmhj  于 2023-10-18  发布在  其他
关注(0)|答案(1)|浏览(172)

我在下一个js 13.5.3的最新版本中使用'使用客户端',但组件仍然是从服务器端渲染的,而且在下一个js中很难同时使用tailwind和antd
有人知道这个问题吗?请帮助我。

pzfprimi

pzfprimi1#

带有"use client"指令的React客户端组件将在客户端渲染,但Next.js在服务器端渲染客户端组件,称为SSR。
这意味着每个客户端组件都将首先在服务器上执行。

退出

将您的客户端代码与效果挂钩(如useEffect)放在一起。

useEffect(() => {
  console.log("this should only be logged in the browser console")
}, [])

动态导入组件禁用SSR

import dynamic from "next/dynamic"
const ClientComponent = dynamic(import("path/to/component.tsx"), { ssr: false })

相关问题