在Astro应用中实现国际化可以通过以下步骤:
const helloWorld = "Hello, world!";
import i18n from 'i18n-js';
import { initReactI18next } from 'react-i18next';
i18n.use(initReactI18next).init({
resources: {
en: {
translation: {
helloWorld: 'Hello, world!'
}
},
fr: {
translation: {
helloWorld: 'Bonjour le monde!'
}
}
},
fallbackLng: 'en',
lng: 'en',
interpolation: {
escapeValue: false
}
});
import { useTranslation } from 'react-i18next';
function HelloWorld() {
const { t } = useTranslation();
return {t('helloWorld')};
}
这样,当用户选用不同的语言设置时,在应用中显示的文本将自动翻译为对应的语言。