基于前幾天對(duì)React的學(xué)習(xí)，今天開(kāi)始與張哲pair進(jìn)行todomvc小demo的編寫(xiě)。我們先是對(duì)這個(gè)小demo的需求達(dá)成了共識(shí)，接下來(lái)就是如何開(kāi)始一個(gè)從0到1的小demo。
如何開(kāi)始呢？React官網(wǎng)為我們開(kāi)始這個(gè)小demo提供了學(xué)習(xí)依據(jù)。
React理念-React
我們有了原型圖像，就可以根據(jù)官方網(wǎng)站提供的步驟開(kāi)始了。

第一步，把 UI 劃分出組件層級(jí)

根據(jù)需要展示給用戶(hù)的的模型分成了3組組件。

第二步，創(chuàng)建靜態(tài)版本

根據(jù)組件可以完成靜態(tài)組件的編碼。

第三步，有state的是哪些

第四步，確定擁有state的組件

第五步，添加數(shù)據(jù)

我們首先需要完成的是可以在文本框中輸入值，在文本框下面的table中可以顯示我在text中輸入的值，我們目前最大的問(wèn)題是table捕獲不到我在text中輸入的值，試圖可以用console.log可以追溯問(wèn)題的根源，但是console.log一閃而過(guò)，只是可以看到控制臺(tái)輸出了我想知道的消息，使用form表單卻不知道輸入值提交到了哪里，如果不使用，則需要onchange()事件來(lái)觸發(fā)可以輸入文本框，然后使用onsubmit()來(lái)提交，但是依然捕獲不到我輸入的值。自我感覺(jué)目前比較困惑，不知道哪里可以確定問(wèn)題，應(yīng)該還是對(duì)React認(rèn)識(shí)不夠深入。
我下面的解決方法是希望可以通過(guò)學(xué)習(xí)別人的demo從中是否可以得到些許方法。