使用useState时，NextJS组件无法在本地编译，错误为“it only works in a Client component”

cidc1ykv 于 2023-04-30 发布在其他

关注(0)|答案(1)|浏览(483)

This is the error i'm getting
目录是正确的，但我遇到了一些困难，基本上我也使用css代码。
页面没有显示任何内容。就这样，当我跑：

npm run dev

它表明：
What i see!

1条答案

您正在尝试在应用将其视为服务器组件的组件中使用useState。
要解决这个问题，请在src/app/page.tsx中将此作为文件的第一行：

"use client"

接下来这将告诉我们，这是一个客户端组件，因此您现在可以安全地使用useState了。