reactjs - 删除所有数据后,使用 map 函数存储 id 不会变为 null
问题描述
我使用 map 函数将所有 id 存储在“savedjobsIds”中,并在 react 中使用“includes”进行检查。但是如果我删除了firebase中的所有数据,我将无法获得'savedjobsIds' null。最后一个 id 保持可用。如何删除它。有人可以帮忙吗?以下是代码
const { joblists } = this.props
const { savedjobs } = this.props
const savedjobsIds = savedjobs && savedjobs.map(app => app.id)
<i id='heart' className={savedjobsIds.includes(joblist.id) ?
"fas fa-heart float-right pr-4 text-danger" :
"far fa-heart float-right pr-4 text-primary del"}
name={joblist.id} onClick={this.saveJob1}></i>
下面是我制作的可编辑代码 https://codesandbox.io/embed/vyx0kyvnq3
解决方案
您没有显示要删除 savedjobs 数组的代码。
当作为道具传递时,数组保存作业的值是多少?
我假设,当进行删除调用时,它会返回已删除的数组,您将其存储并传递给组件。当您从数组中删除所有项目时,您只需要清空数组,savedjobs = []
然后将其作为道具传递。
推荐阅读
- android - 在 Visual Studio Code 中手动设置 React Native 库
- javascript - 为什么单击“p”标签时没有附加注释?
- android - NullPointer 异常:尝试在空对象引用上调用虚拟方法“int com.musicg.wave.WaveHwader.getSampleRate()”
- gcc - 如何在 CentOS 上准确地使配置脚本使用更新的 gcc 版本?
- javascript - 为什么 TypeScript 不能正确传递对象实例?
- r - 使用 R 拆分数据时列表中的空对象
- ansible - Ansible 弹出错误“需要 PyVmomi Python 模块”。
- python - 如果条件为假 Python,我如何返回第 1 行
- php - 当您将数据悬停在 Chart.js 中时,如何更改标签名称?
- python - 如何对 Google Cloud Firestore API 上的 REST 端点进行身份验证