react-i18next

使う

Introduction | react-i18next documentation

$ npm i react-i18next i18next

import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import jaJp from "./locales/ja-JP.json";

i18n.use(initReactI18next).init({
  resources: {
    "ja-JP": {
      translation: jaJp,
    },
  },
  lng: "ja-JP",
  fallbackLng: "ja-JP",
  interpolation: {
    escapeValue: false,
  },
});

{
  "version": "バージョン: {{version}}"
}

import { useTranslation } from "react-i18next";

export function App() {
  const { t } = useTranslation();

  return <div>{t("version", { version: import.meta.env.VERSION })}</div>;
}