Next.js 中的多语言路由 URL

时间:2021-06-20 21:20:12

标签: reactjs next.js

我正在尝试在 Next.js 中创建多语言应用程序,我正在使用 next-i18next 来翻译我的应用程序中的内容,我试图实现的是创建多语言路由 URL。 例如,我需要用英语路由“/signin”和用波兰语路由“/logowanie”。在 react.js 中,我以这种方式实现了这一点:

我已经为这样的组件分配了 url 数组:

{
   path: ['/signin', '/logowanie'],
   Layout: SignInLayout,
   Component: SignIn,
},

然后通过带有翻译路径的链接导航到此组件:

<Link to={t('Path.signin-path')} />

t() 是 i18next 的一个函数,用于翻译内容。

但是由于 Next.js 使用“pages”目录结构来创建路由,我不知道如何实现我的目标。谁能给我一些指导,在哪里可以找到有关此的更多信息?或者也许我有什么想法可以做到这一点?

对不起,如果我的问题太乱,任何拼写错误或误解,我的英语水平有点低。

0 个答案:

没有答案
相关问题