Reactjs 在react中仅限制一个结果？

我是个新手，任何提示都会有帮助

使用下面的代码，我拉作者的名字和链接位置。该信息将显示在搜索结果页面上。我希望每篇文章只显示一个作者（即使该文章有多个作者）

{hit.authors.map（（authors，index）=>(
作者：
{authors.name}
))}

问题：如果一篇文章列出了多个作者，如何将结果限制在一个实例中

发生了什么：

文章标题
无名氏/ 无名氏/ 约翰尼·多伊

我想要什么（不管作者结果的实际数量）：

文章标题

---

John Doe

不要使用映射，只需访问数组的第一个元素：

const author=hit.authors[0]；
返回(
作者：
{author.name}
)

从

.map

中取出它，然后使用

作者[0]

？

{hit.authors.map((authors, index) => (
  <div className="author-search">
    <span>By: </span>
    <Link to={`/authors/${authors.slug}`}>{authors.name}</Link>
  </div>
))}