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

它可能还没有准备好在第一次渲染中使用... 如果您使用的是 useTranslation 挂钩，则应该有一个就绪标志。 => https://react.i18next.com/latest/usetranslation-hook#not-using-suspense 或者您可以在调用 map

之前检查 !!t("skills.items", { returnObjects: true })

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

next-i18next t(...).map is not a function

next.js

next-i18next