IT技术 - 在 cookie/localSession 中存储选定的语言选项 - 吾爱随笔录

我希望我的 Next.js 应用程序记住用户喜欢哪种语言，因此我想将它存储在客户端的 cookie 中。我有 2 种语言选项：EN 和 FR。

默认情况下，语言设置为英语（无 cookie，myapp.com/），但是一旦用户单击 EN 首选项，URL 将更改为，myapp.com/en并且应存储此选定语言。这同样适用于法语。

const [language, setLanguage] = useState(false);

        <Link
            href={`/${router.locale === 'en' ? 'fr' : 'en'}`}
            locale={false}
        >
            <a
                onClick={() => {
                    setLanguage((language) => !language);
                    // setCookie({});
                }}
            >
                {` ${language ? 'en' : 'fr'}`}
            </a>

我在哪里以及如何使用 cookie 或会话存储以便后端可以看到它？

<button onClick={() => { const locale = router.locale === 'en' ? 'fr' : 'en' setCookie(locale) router.push(router.asPath, undefined, { locale }) }} > {router.locale === 'en' ? 'fr' : 'en'} </button>