react-i18next除了使用i18n.js还可以如何配置默认语言
时间: 2023-08-07 18:05:01 浏览: 52
除了在i18n.js中设置默认语言外,你还可以在应用程序中使用`i18n.init`方法来设置默认语言。具体步骤如下:
1. 在你的应用程序中导入i18n:
```
import i18n from 'i18next';
```
2. 在应用程序的入口文件中初始化i18n并设置默认语言:
```
i18n.init({
lng: 'en', // 默认语言
resources: {
// ...
},
});
```
在上面的代码中,`lng`属性设置了默认语言为英语('en')。
3. 在你的应用程序中使用`useTranslation` hook或`Trans`组件来翻译文本:
```
import { useTranslation } from 'react-i18next';
function MyComponent() {
const { t } = useTranslation();
return <div>{t('Hello World')}</div>;
}
```
或者:
```
import { Trans } from 'react-i18next';
function MyComponent() {
return <Trans>Hello World</Trans>;
}
```
在上面的代码中,`t`方法和`Trans`组件都可以用来翻译文本。它们会自动根据当前选定的语言翻译文本。
总之,除了在i18n.js中设置默认语言外,你还可以在应用程序中使用`i18n.init`方法来设置默认语言。这种方法非常简单,适用于只需要设置默认语言的情况。