根据 Docusaurus 中选择的语言获取链接

【问题标题】：Get link depending on selected language in Docusaurus根据 Docusaurus 中选择的语言获取链接
【发布时间】：2022-10-30 07:45:02
【问题描述】：

我在 Docusaurus 生成的网站上激活了i18n。如何根据 GUI 上的用户语言获取内部链接？

例如。单击按钮时，我想导航到/docs。如果默认语言en 处于活动状态，那么它应该返回/docs，但对于fr，它必须返回/fr/docs。

【问题讨论】：

标签： reactjs docusaurus

【解决方案1】：

要根据所选语言获取链接，可以使用useBaseUrl Hook，它将站点baseUrl 添加到字符串（即链接）。例如。：

import useBaseUrl from '@docusaurus/useBaseUrl';
...
// if e.g. fr selected i18nLink="/fr/docs", otherwise i18nLink="/docs"
const i18nLink = useBaseUrl('docs');

【讨论】：