删除所有数据后，使用map函数存储ids不会变为空

Question

我使用map函数将所有i存储在'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的可编辑代码

Answer 1

您尚未显示要删除已保存作业数组的代码。

作为属性传递时，数组保存的作业的值是什么。？

我假设，当进行delete调用时，它返回已删除的数组，您正在存储该数组并将其传递给组件。在将数组作为道具传递之前，您只需要在使用savedjobs = []从数组中删除所有项时清空数组。