終於，終於。
要進入到我逃避已久的To-Do-List，為什麼？
因為我就真的......也還不會寫。

那麼今天，要來幹嘛呢？
要來，

用React思考

(是的，這幾個字是React官方文件的大標題。)

我打算做一個這樣子的To-Do-List，我該怎麼用React思考呢？

就是這樣！把畫成一個方形，這樣我們就會知道要怎麼拆分組建了。

• 上面會有一個header，那來輸入新的to-do-item。
• 中間會是我們的to-do-list
• 但因為list裡面的每一個item，都是很相似的，所以整組也可以是自己一個組件。
  

那麼，就把組件分出來吧！

再來就是開始思考了。
在這裡先立個flag，我打算用react寫一遍，再用hook寫一遍。

• 我可以先在App.js裡面準備好要存放Todos的陣列。
• 然後把需要的功能先寫好：新增、編輯(其實沒有編輯^^)、修改。
• 把需要的東西一一傳到components裡面

header

在這裡抓取input進去的todo，然後傳遞回去給app.js

list

渲染Todos的陣列(每一個todo的功能寫在item裡面)

item

勾選和刪除的功能會寫在這邊

那麼，使用了react思考完之後，就可以睡覺了(不是)。
就可以準備來把他實做出來了。

希望我今天能寫出來，這樣我們才能，明天見！