如何翻译组件的标题文本？

Question

如何使用 i18next 等 i18n 工具动态翻译标题文本。

目前我正在传递这样的标题：

Settings.options = {
  topBar: {
    title: {
      text: 'Settings',
    },
  },
};

Answer 1

// get t function somewhere, i.e.
const t = i18next.t:

Settings.options = {
  topBar: {
    title: {
      text: t('settings.title'),
    },
  },
};

在更改语言时，请确保再次执行此代码部分...以便 t() 函数可以再次评估。