是 Ray 不是 Array

前一篇我們已經完成了一個簡單版的 React TodoList，接著這一篇我們要來針對這個簡單版的 TodoList 優化一下，讓它變得更完整。

button 是一個我們實戰上很常用到的 HTML 標籤，但是在使用上卻有一些很奇妙的現象，今天就來介紹一下奇妙的 button Type。

接下來這一章節我們將會實作一些小東西，主要是要整合前面的知識點，否則單看知識而沒有任何一點輸出的話是沒有任何用處的，因此就讓我們準備練習一下吧。

前面章節我們有初步認識到了 React 元件傳遞過程也就是 Props，但 Props 通常是上層一路傳遞到下層，雖然這樣子可以確保資料流向，因為是單向的，但卻也會延生一些麻煩問題發生，也就是傳遞太深，因此這時候我們就要來認識一個新的東西 useContext。

接下來我們要來認識一個新的 React Hook，也就是 useEffect，那麼單看這個名子會覺得有一點特別，因為直接翻譯成中文來講是「使用效果」，那麼這是什麼東西呢？我們就來認識一下吧。

State 是 React Hook 非常重要的東西，多重要呢？簡單來講只要你需要更改呈現在畫面上的資料，那麼就一定脫離不了 React State。

我們在實戰開發上往往都會需要取得 DOM 元素，而這一篇就稍微記錄一下各種使用 $refs 取得 DOM 元素的技巧。

接下來要來聊聊關於元件的部分，如果你是一名 Vue 開發者，相信你對於元件這個概念一定非常的熟悉，那麼 React 呢？React 的元件又如何呢？

接著來聊聊 React 的事件處理，畢竟事件處理這件事情我們在開發上是非常常見的。

常常聽到人家說 JSX 這是什麼東西？好像對於寫 React 的人來講是一個必須要學的東西？