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

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

reactjs

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

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

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

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

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

发生了什么事:

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

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

文章标题
约翰多伊

1 回复 | 直到 7 年前

Mke Spa Guy 7 年前

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

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

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前