前段时间看了下react,写个栗子记录
页面效果如下
效果:展示代办事件,正文加了删除线的是已经完成的,未加横杠的是未完成的,
交互:1、在input里面输入新添加的内容,点击Add按钮添加代办事件
2、点击事件toggle完成状态
3、切换显示已完成,未完成,全部
代码如下:
前段时间看了下react,写个栗子记录
页面效果如下
效果:展示代办事件,正文加了删除线的是已经完成的,未加横杠的是未完成的,
交互:1、在input里面输入新添加的内容,点击Add按钮添加代办事件
2、点击事件toggle完成状态
3、切换显示已完成,未完成,全部
代码如下: