i18next-全局默认值的问题

1. 在i18n初始化中设置默认值

import i18n from "i18next";
import { initReactI18next } from "react-i18next";

i18n
  .use(initReactI18next)
  .init({
    resources: {
      en: {
        translation: {
          greeting: "Hello {{name}}!",
          fallback: "Default fallback message", // 设置默认值
        }
      }
    },
    lng: "en",
    interpolation: {
      escapeValue: false
    }
  });

export default i18n;

可以在资源文件中设置默认值。如果在调用t方法时未传入对应的key，将返回默认值。

2. 使用defaultValue属性设置默认值

import React from "react";
import { useTranslation } from "react-i18next";

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

  return (
    <div>
      <p>{t("greeting", {name: "John"}, {defaultValue: "Default message"})}</p> 
      // 如果未找到对应的key，将使用`defaultValue`
    </div>
  )
}

可以通过在调用useTranslation的defaultValue属性中设置默认值。如果在资源文件中未找到对应的key，将返回该默认值。