Question

嗨，我有一些json，我无法访问其中的特定值。这是错误的代码：

/data

我得到的错误是

 const Index = props => (
 <Layout>
 <h1>Case Studies</h1>

 <ul>
   {props.caseStudies.map(({ caseStudy }) => (
     <a>{caseStudy.title}</a>
   ))}
 </ul>

</Layout>
);

但是如果我删除：

Cannot read property 'title' of undefined

对于上述代码块，我可以在Chrome的React Inspector工具中看到“ caseStudies”是Index的一个支持。并且“标题”是caseStudies属性中的关键。我似乎无法访问它！

这是令人讨厌的json：

{caseStudy.title}

谢谢。

Answer 1

您的语法有点错误：

<ul>
  {props.caseStudies.map((caseStudy ) => (   // note the removed {}
    <a>{caseStudy.title}</a>
  ))}
</ul>

在next.js中映射时无法访问值/ react

1 个答案: