【React入门】【todo-list】4. 删除、完成待办项

一、组件分析与设计

  • 页面由组件构成。大组件由小组件构成。
  • App组件包裹了todo-list组件,可以设置todo-list的位置。
  • todo-list组件包括:
  1. TodoForm:负责显示用户的输入值,并在用户提交表单时存储用户的输入值
  2. List:待做项列表(由一系列Task组成)
  3. Todo:一个任务。用户可以标记待做项是否完成,也可以删除某个待做项。(hover到Task上会显示删除按钮)。每个Todo可以分为两个部分,task和delete
    1. task:负责显示是否完成任务,以及展示任务的内容。
    2. delete:负责删除本项目

【React入门】【todo-list】4. 删除、完成待办项

【React入门】【todo-list】4. 删除、完成待办项

正在继续编写中...