繼續(xù)pair完成todomvc小demo
問(wèn)題描述
- 完成可以將輸入在textbox中的內(nèi)容(taskname)顯示在其下方的table中烹看,需要逐條根據(jù)需求(是否處于active中)控制顯示內(nèi)容。
- 在從開始掃描整個(gè)table,判斷是不是處于active
思路
- Q1:對(duì)table中的每一行需要根據(jù)條件判斷是否處于active的狀態(tài)中碉纳,所以在setstate中單憑taskname是沒(méi)有辦法進(jìn)行篩查的,需要另外一條id屬性作為查詢的依據(jù),這么一來(lái)我們就需要一個(gè)類來(lái)完成,其中包括(id,taskname,isactive)
- A1:
var taskList={taskname:"111",isact=true,id=getTime()}
嘗試使用上面的方式創(chuàng)建類對(duì)象茉稠,程序沒(méi)有問(wèn)題,開始認(rèn)為很奇怪為什么沒(méi)有定義就可以使用把夸,在學(xué)習(xí)之后發(fā)現(xiàn)是JS定義數(shù)組的一種形式而线,JSON風(fēng)格。
- Q2:對(duì)table中每一行進(jìn)行foreach循環(huán)恋日,需要在判斷是否處于active時(shí)跳出循環(huán)膀篮,使用break會(huì)報(bào)錯(cuò)
- A2:foreach不能使用break,所以我們只能全部掃描完成整個(gè)table
反思
- 對(duì)JS語(yǔ)法還是不是特別了解
Action
- 碰到問(wèn)題岂膳,主動(dòng)去查閱官方文檔誓竿,尤其是語(yǔ)法知識(shí)。
- 可以嘗試使用for循環(huán)進(jìn)行