Javascript 为什么我的React delete功能是；删去“；错误的对象？

import React，{Component}来自“React”；
从“/components/User.js”导入用户
从“/components/Project.js”导入项目
从“/CreateForm.js”导入CreateForm；
从“/DeleteForm.js”导入DeleteForm；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
项目列表：[]，
我的项目：[]，
用户列表：[]，
当前用户：“来宾”
};
this.createProject=this.createProject.bind（this）；
this.deleteProject=this.deleteProject.bind（this）；
}
createProject（标题、描述、语言、长度、经验）{
这是我的国家({
projectList:[…this.state.projectList{
标题:标题,，
描述：描述，
语言：langs，
长度：len，
经验：经验，
用户：this.state.currentUser
}]
});
}
删除项目（标题）{
const projects=this.state.projectList.filter(
p=>p.title！==title
);
this.setState（{projectList:projects}）；
}
render（）{
返回(
项目清单：
{this.state.projectList.map（（参数）=>
)}
);
}
}
导出默认应用程序

发生此问题的原因是您没有为map函数返回的JSX提供

键

属性，因此在删除项时，react无法正确确定要从DOM中删除的元素

添加一个独特的关键道具将为您工作

 {this.state.projectList.map((params) =>
            <Project key={params.title} {...params}/>
  )}

{this.state.projectList.map（（参数）=>
)}