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

Question

我只是将我的工作应用程序从对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

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