Hook 釋放於 16.8版。它可以讓你在不編寫class的情況下使用state以及其他的React特性。

而為甚麼要使用React Hooks呢? 大家可以到以下連結來看看大神們的說法

Making Sense of React Hooks
React: Class Component vs Functional Component

我簡單歸納了以下幾點

• 解決了複雜的class component無法進行拆解 (由於class的stateful特性)

Huge components that are hard to refactor and test.
Duplicated logic between different components and lifecycle methods.
Complex patterns like render props and higher-order components.

• 效能的提升

1.2kb against 97 bytes to render 10,000 element

• 簡化了開發的困難性，你現在只需要使用function就能完成所有事

---

利用React Hooks製作Todo App

CodeSandbox

我透過function component將Todo App切成三個區塊 App(), TodoForm(), Todo() 。話不多說，大家到我的codeSandbox看看我是怎麼利用React hooks的useState()寫出基本的todolist吧