redux delete codealong uci online web9 pt 093019 源码

使用Redux删除项目 目标 在本课程中,我们将继续完成Redux的旅程。 在本课程结束时,您将能够: 删除个别元素 回顾与目标 在本节中的每个代码中,请注意,我们永远不会直接更新DOM。 取而代之的是,我们使用Redux模式来保留我们的商店并更新我们的状态,然后让React显示该状态。 我们想在这里继续这种模式。 这次我们的目标是在带有待办事项的每个列表元素旁边都有一个按钮。 这样,当用户单击该按钮时,列表元素将被删除。 在执行此操作时,请记住Todos组件会显示待办事项的当前列表,如果我们从商店状态中删除待办事项,则该待办事项的显示也应被删除。 删除待办事项 要删除待办事项,我们应该添加一个按钮,单击该按钮后,将分派一个动作,告诉商店要删除特定的待办事项。 我们如何告诉商店要删除的待办事项,我们将在最后找出。 现在,让我们添加按钮,并让它调用一个方法,该方法在单击时调度删除操作。