Как перевести текст заголовка компонента?

Question

Как я могу динамически перевести текст заголовка с помощью инструментов i18n, таких как i18next.

В настоящее время я передаю заголовок следующим образом:

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 () могла выполнить повторное вычисление.