前段時(shí)間看了下react,寫個(gè)栗子記錄
頁(yè)面效果如下
效果:展示代辦事件,正文加了刪除線的是已經(jīng)完成的,未加橫杠的是未完成的,
交互:1、在input里面輸入新添加的內(nèi)容,點(diǎn)擊Add按鈕添加代辦事件
2、點(diǎn)擊事件toggle完成狀態(tài)
3、切換顯示已完成,未完成,全部
代碼如下:
前段時(shí)間看了下react,寫個(gè)栗子記錄
頁(yè)面效果如下
效果:展示代辦事件,正文加了刪除線的是已經(jīng)完成的,未加橫杠的是未完成的,
交互:1、在input里面輸入新添加的內(nèi)容,點(diǎn)擊Add按鈕添加代辦事件
2、點(diǎn)擊事件toggle完成狀態(tài)
3、切換顯示已完成,未完成,全部
代碼如下: