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