javascript 如何在Next.js中在js.json中使用动态变量

ryevplcw  于 2024-01-05  发布在  Java
关注(0)|答案(1)|浏览(99)

我想建立一个json文件,我可以把一些变量,如标题或颜色十六进制和更多。
我的web应用程序在未来的js必须采取confing befor挂载他的组件,我想有一个设置页面修改变量,因为我们在应用程序中想要的。应用程序应该重新呈现组件时,变量的变化。
我怎么能这么做?
我暂时什么都没试过,我不知道什么是最好的。使用带有上下文和一些API调用的json文件。使用本地存储?

30byixjq

30byixjq1#

我认为一个简单的配置文件不足以满足你上面提出的要求,可能需要一个像RedisVercel KV甚至Vercel Edge Config这样的键值存储来包含你的设置。

  1. import kv from '@vercel/kv';
  2. import SettingsProvider from "@/components/SettingsProvider";
  3. // example component with vercel kv
  4. async function SettingsServer({ children }: React.PropsWithChildren) {
  5. const settings = await kv.get('site-settings');
  6. return <SettingsProvider value={settings}>{children}</SettingsProvider>;
  7. }

字符串
正如你在上面看到的,我推荐的方法是,你通过一个服务器组件访问设置存储,然后将其传递到一个客户端上下文,你可以在你的应用程序中的客户端访问任何地方。希望这能有所帮助!

相关问题