如何将语言转换器的默认值设置为当前语言环境？

Question

我在设置语言选择器的“defaulValue”以显示它所在的语言环境时遇到问题。

** 注意：我正在使用 Nextjs 和 TailwindCSS

我的代码如下所示：

import React from 'react'
import { useRouter } from "next/router"

function LanguageSelector() {

    const router = useRouter();

    const locale = router;
    
    const changeLanguage = (e) => {
        router.push(router.pathname, router.pathname,{
            locale: e.target.value,
        })
    }

  return (
    <select defaultvalue={ locale } onChange={changeLanguage} className='bg-black text-white'>
        <option className=' font-light' value='es'>ES</option>
        <option className=' font-light' value='en'>EN</option>
    </select>
  )
}

export default LanguageSelector

Answer 1

您的代码中有错字，应该是 const { locale } = router; 而不是 const locale = router;。或者 defaultvalue={ router.locale } 也应该有效。

如何将语言转换器的默认值设置为当前语言环境？

How to set default value on language changer to the current locale?

internationalization

i18next

reactjs

next.js