我在最新版本的 next js 13.5.3 中使用“使用客户端”,但组件仍然从服务器端渲染,并且也很难在 next js 中同时使用 tailwind 和 antd
有人知道这个问题所以请帮助我
最佳答案
使用“use client”指令的 React 客户端组件将在客户端呈现,但 Next.js 在服务器端水合客户端组件,这称为 SSR。
这意味着每个客户端组件将首先在服务器上执行。
选择退出
将您的客户端代码与效果 Hook 一起放置,例如 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 })
关于javascript - Next js 13.5.1 中的 'use client' 问题仍然在服务器端得到响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/77200502/