如何让用户在Node js Next js页面上切换显示的文本语言



我的客户端需要在web应用程序上使用双语。用户需要能够在法语和英语之间切换。

我添加了一个按钮,可以切换状态并设置cookie,这样我下次就可以记住他们的选择。

编写代码以处理用户的语言偏好并在页面上显示正确的语言文本的最有效的直接方法是什么?

我目前的方法是使用这样的if语句,首先检查State并相应地呈现文本。

const [useLang, setLang] = useState('En')
(useLang == 'En') ? <p>English Text Here</p> : <p>French Text Here</p>

尝试从单个源文件中获取英语|法语会更有效吗?如果是,应该是什么样子,应该如何设置?

Next.js自v10.0.0起就内置了对国际化(i18n(路由的支持。您可以提供区域设置、默认区域设置和域特定区域设置的列表,Next.js将自动处理路由。

您也可以禁用基于路由的转换,并将其调整为特定于状态的转换。

完整的文件可以在这里找到