Question

我是React的新手，任何提示都会有所帮助。

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

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

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

正在发生的事情：

文章标题
约翰·多伊/ 简·多伊/ 约翰尼·多伊

我想要的（与作者结果的实际数量无关）

文章标题
约翰·多伊

Answer 1

不使用地图，只需访问数组的第一个元素：

const author = hit.authors[0];
return (
  <div className="author-search">
    <span>By: </span>
    <Link to={`/authors/${author.slug}`}>{author.name}</Link>
  </div>
)

限制只导致一个结果？

1 个答案: