代码之家 › 专栏 › 技术社区 › brooksrelyt Ozal Zarbaliyev

只限于一个结果会引起反应?

reactjs

brooksrelyt Ozal Zarbaliyev · 技术社区 · 6 年前

我是新来的反应,任何提示都会有帮助。

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

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

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

发生了什么事:

文章标题
某个身份不明的人简·多伊/ 约翰尼多

我想要什么(不考虑作者结果的实际数量):

文章标题
约翰多伊

1 回复 | 直到 6 年前

Mke Spa Guy 6 年前

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

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