javascript - 使用 .map 函数时如何获取帖子的 ID (React/Firebase)
问题描述
当我在搜索组件中映射它们时,我试图获取帖子的 ID。这些帖子本质上是搜索的结果。
我当然可以在搜索结果部分中映射这篇文章中的所有内容,如下所示:
<List
inverted
animated
divided
relaxed="very"
style={{ width: '322.02px' }}
>
{Object.keys(results).map(key => (
<List.Item
key={key}
as={Link}
to={`/post/${results[key].id}`}
>
<List.Content floated="right">
<TimeAgo
datetime={new Date(results[key].createdAt)}
locale="en"
style={{ fontSize: '0.7em', marginTop: '-3px' }}
/>
</List.Content>
<Image
avatar
verticalAlign="middle"
src={results[key].createdByPhotoURL}
style={{ marginTop: '3px' }}
/>
<List.Content>
<List.Header>{results[key].createdBy}</List.Header>
<List.Description
style={{
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
marginTop: '4px',
maxWidth: '200px'
}}
>
{results[key].message}
</List.Description>
</List.Content>
</List.Item>
))}
</List>
但是我怎样才能得到身份证呢?我的计划是获取当前帖子 ID 并将其传递给另一个组件,然后该组件将显示整个帖子,因此我可以在将来进行编辑,等等...
是否有可能获得 ID 或有更好的解决方案?
我提前感谢答案!
解决方案
推荐阅读
- selenium-webdriver - 如何在不使用 Jenkins 的情况下通过邮件发送最新范围报告,我总是收到以前的邮件而不是最新生成的邮件?
- shopify - 如何从其他网站将产品添加到 shopify 商店?
- c++ - 为什么 fun(k++) 错了,而 fun(++k) 没问题?
- javascript - 在像 React 源代码这样的块范围内编写函数的主要逻辑的目的是什么?
- sorting - 谷歌表格找到最低价格的MIN时间
- javascript - 异步 HTTP 请求和引导多选
- python - python - 如何在Python的Tkinter模块中将对话框窗口显示在前面?
- android - 与多个 ImageView 一起使用时,Android ScrollView 滞后(渲染问题)
- spring - 使用分页创建 Spring 数据 JDBC 查询抱怨 IncorrectResultSizeDataAccessException: Incorrect result size
- python-3.x - python中迭代器的用途是什么?我们已经有循环了