Skip to content

国际化

在 AIFlowy 中,已经内置了 i18next 库,用于国际化的场景。

使用方法

src/locales/translations 目录中,内置两个 en.jsonzh.json 文件。 用于存放英文和中文的语言文件。如下所示:

json
{
  "page2": "页面2",
  "menu": {
    "home": "首页",
    "user management": "用户管理",
    "system management": "系统管理"
  }
}

然后,在任何 React 组件中,通过 useTranslation()Hook 使用即可,示例代码如下:

typescript
function App() {
    const [t] = useTranslation();
    return (
        <div>
          {t("page2")}
        </div>
    )
}

以上代码中,显示 “页面2”。