在 Next.js 服务器组件中保留全局状态

问题描述 投票:0回答:1

我正在使用 Next 14 应用程序目录构建一个应用程序,用于显示单词的示例句子。

我的导航栏中有一个英语/阿拉伯语按钮...当用户单击此按钮(以更改语言)时,应用程序应根据语言重新获取数据(并在用户重新加载页面或其他内容时保留此首选项)

我尝试使用 Zustand 保留全局状态并将其传递给服务器函数获取单词,但它不起作用..

这个问题有好的解决办法吗?任何帮助,甚至是小费,我们将不胜感激。

reactjs next.js next.js14 react-server-components
1个回答
0
投票

在这种情况下,最好的方法是根本不使用全局状态来完成此任务。您可以创建一个客户端组件,该组件具有一个表单,该表单会将您重定向到“提交”上的动态页面,并将搜索值作为 searchParams。从那里,您可以轻松地在服务器组件中获取句子。

© www.soinside.com 2019 - 2024. All rights reserved.