next.js - next-i18next t(...).map 不是函数

Question

我只是将我的工作应用程序从 react 迁移到 nextjs。我按照 next 提供的教程安装了 next-i18next 但我无法映射

我得到了这种对象

 "skills": {
    "title": "Skills",
    "items": [
      {
        "title": "Javascript",
        "additionalInfo": [
          "React",
          "Node"
         ]
      }
    ]
}

我需要将翻译解析成这个组件

 {t("skills.items", { returnObjects: true }).map(
            ({ title, additionalInfo }, index) => (
              <Fragment key={index}>
                <TitleRow>
                  <p>{title}</p>
                </TitleRow>
    ...

关于我在迁移中错过的任何想法？

Answer 1

可能是 t 还没有准备好在第一次渲染中使用...如果您使用的是 useTranslation 挂钩，则应该有一个就绪标志。=> https://react.i18next.com/latest/usetranslation-hook#not-using-suspense!!t("skills.items", { returnObjects: true })或者您可以在调用地图之前 检查