首页 > 解决方案 > 删除所有数据后,使用 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

标签: reactjs

解决方案


您没有显示要删除 savedjobs 数组的代码。

当作为道具传递时,数组保存作业的值是多少?

我假设,当进行删除调用时,它会返回已删除的数组,您将其存储并传递给组件。当您从数组中删除所有项目时,您只需要清空数组,savedjobs = []然后将其作为道具传递。


推荐阅读