i18next

问题 I'm new for i18next, trying to localize/translate website. Everything works for translation inside of component, but outside (means json files with i18n.t() it doesn't retrieve needed information, instead showing default value. I'm using create-react-app and it's default settings for folders reference, maybe this is the key problem, but I can't find out why and what to change. import i18n from '../../i18n'; const navigation = [ { 'id' : 'dashboard', 'title' : i18n.t('analytics.title', 'NOT

问题 Is there a possibility to type check existing keys in react-i18next dictionaries? So that TS will warn you during compile time if key doesn't exist. Example. Suppose, we have this dictionary: { "footer": { "copyright": "Some copyrights" }, "header": { "logo": "Logo", "link": "Link", }, } If I provide non-existent key, TS should blow up: const { t } = useTranslation(); <span> { t('footer.copyright') } </span> // this is OK, because footer.copyright exists <span> { t('footer.logo') } </span> //

问题 Is there a possibility to type check existing keys in react-i18next dictionaries? So that TS will warn you during compile time if key doesn't exist. Example. Suppose, we have this dictionary: { "footer": { "copyright": "Some copyrights" }, "header": { "logo": "Logo", "link": "Link", }, } If I provide non-existent key, TS should blow up: const { t } = useTranslation(); <span> { t('footer.copyright') } </span> // this is OK, because footer.copyright exists <span> { t('footer.logo') } </span> //

问题 This is how my i18n file looks like - import i18n from 'i18next' import { initReactI18next } from 'react-i18next' import HttpApi from 'i18next-http-backend'; i18n .use(HttpApi) .use(initReactI18next) .init({ // resources: resourcesObj, initImmediate: false, backend: { loadPath: 'https://bucketlink.amazonaws.com/locales/{{lng}}/{{ns}}.json', crossDomain: true, allowMultiLoading: true, }, lng: "en", fallbackLng: "en", debug: false, ns: ["translations"], defaultNS: "translations", keySeparator:

问题 I have tryed to implement react-i18next to my react application but it doesn't give a f... that I want it to work Console doesn't show any error. It just doesn't translate. Anyone had similar problem and can help me figure out why it doesn't translate? my i18n.js file content: import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; import translationPL from './translations/pl/common.json'; const resources = { pl: { translation: translationPL } }; i18n .use

问题 I'm trying to use react-i18next on the client using the i18next-fetch-backend , and even though I can get to the JSON translation files via a browser, something is screwy with how they're being handled during the init routine. For the record, I'm using create-react-app as the basis of my front-end React application, if that makes a difference, and so far all of my testing is in localhost (with the React app on localhost:3000, and the "server" on localhost:8000). Here's my init file: import

来源： https://stackoverflow.com/questions/64071576/next-i18next-unit-testing-error-cannot-read-property-language-of-undefined-wit

来源： https://stackoverflow.com/questions/64036604/stubbing-i18next-usetranslation-hook-in-jest-doesnt-trigger-tohavebeencalled

问题 I'm using i18next in a project and can't get around including html tags in translation files and having them properly rendered. An example of my .json translation file: "en": { "product": { "header": "Welcome, <strong>User!</strong>" } } There is an excellent answer to this question, but relating to JQuery. I'm not using JQuery, my project is React and here is the setup that I have: import i18next from 'i18next'; import en from 'locales/en'; i18next. init({ lng: 'en', fallbackLng: false,

问题 I'm using i18next in a project and can't get around including html tags in translation files and having them properly rendered. An example of my .json translation file: "en": { "product": { "header": "Welcome, <strong>User!</strong>" } } There is an excellent answer to this question, but relating to JQuery. I'm not using JQuery, my project is React and here is the setup that I have: import i18next from 'i18next'; import en from 'locales/en'; i18next. init({ lng: 'en', fallbackLng: false,