json - 对象数组上的 next-i18next i18n

Question

我有一个名为“选项”的对象数组，我将其用作下拉/选择 Material-UI 组件的道具。我想在标签上使用 next-i18next 库。就像文档解释的那样，我已经通过所有下一个应用程序成功实现了。我尝试使用 {t('key')} 但它不允许。

import { useTranslation } from 'next-i18next'
const UsersPage = () => {
   const { t } = useTranslation('user');
   const Options = [
      { value: 'fullName', label: 'Nome' },
      { value: 'cpf', label: 'CPF' },
      { value: 'id', label: 'Padrão' },
   ]
   ...rest of the component
}

export const getStaticProps = async ({ locale }) => ({
  props: {
    ...await serverSideTranslations(locale, ['user', 'home']),
  },
})

export default UsersPage;

Answer 1

msefer 的答案是正确的：

`${t("key")}`

在 JSON 或字符串构建中的道具中，例如

const since = `${t('since')}`;
const until = `${t('until')}`;
    ...

 <ListItemText
   primary={value.name}
   secondary={since + value.beginDate + until + value.endDate}
  />