IT技术 - 使用 Firebase Cloud 在 React 中删除数据 - 吾爱随笔录

我是 React 新手，今天，我使用 React 和 Firebase 来显示、添加和删除数据。我有一些数据获取 Firebase 并显示在卡片中。现在，我想删除一些想要的卡片，但我不知道。你能告诉我怎么做吗？也许在右上角创建“X”按钮，单击时将其删除。

这是代码调用列表

const ProjectList = ({projects}) => {
  return (
    <div className="project-list section">
      { projects && projects.map(project => {
        return (
          <Link to={'/project/' + project.id} key={project.id}>
            <ProjectSummary project={project} />
          </Link>
        )
      })}  
    </div>
  )
}

这是项目总结

const ProjectSummary = ({project}) => {
  return (
    <div className="card z-depth-0 project-summary">
      <div className="card-content grey-text text-darken-3">
        <span className="card-title ">{project.title}</span>
        <p>Created by {project.authorFirstName} {project.authorLastName} admin</p>
        <p className="grey-text">{moment(project.createdAt.toDate()).calendar()}</p>
      </div>
    </div>
  )
}

并在 Firebase 中结构化数据

<button onClick={() => this.removeProject(project.id)}>Delete</button> removeProject(id) { firebase.delete({ collection: 'project', doc:`${id}` }).then((response) => { console.log('delete response', response) }).catch((error) => { console.log('delete error', error) }) }