Javascript 在NextJS中显示多个JSON记录

在NextJS教程中，我们将演示如何从地图渲染蝙蝠侠秀名称列表。

在该教程中，有一个片段从地图中获取数据：

<ul>
  {props.shows.map(({show}) => (
    <li key={show.id}>
      <Link as={`/p/${show.id}`} href={`/post?id=${show.id}`}>
        <a>{show.name}</a>
      </Link>
    </li>
  ))}
</ul>

如何准备通过getInitialProps调用获得的数据集以及从props数据访问的数据集

---

对于这个示例数据，目标是构建一个文本值的HTML列表。

从React文档中我看不太清楚。map函数适用于需要渲染的任何数组

JSON记录的任何顶级元素都可以映射

  <ul>
  {props.mydata.map(({id, text}) => (
    <li key={id}>
      <Link as={`/p/${id}`} href={`/post?id=${id}`}>
        <a>{text}</a>
      </Link>
    </li>
  ))}
</ul>

  <ul>
  {props.mydata.map(({id, text}) => (
    <li key={id}>
      <Link as={`/p/${id}`} href={`/post?id=${id}`}>
        <a>{text}</a>
      </Link>
    </li>
  ))}
</ul>