【React Hook 01】概述

Hook 是 React 16.8 中增加的新功能，
补足了早期 Function Component 属於纯函数
无法使用 lifecycle、state 方法的问题，
让 Function Component 能够取代 class 写法，
且 Hook 的程序码可读性更高、更容易上手与维护。

React Hooks 的 hook 意思是钩子，
即 component 本身尽量写成纯函数，
如果需要外部功能和副作用，
就用 hook 把这些功能「钩」进来。

React 官方强调 Hoo不会取代旧有的 React 概念，
而是对既有概念如 state、context、refs 及 lifecycle 等
提供一个更直接的 API。

React hook 使用规则

• Hook 只能在最上层 的 scope 呼叫，回圈、条件、嵌套函数中不可使用，如此才能确保每次 render 时程序的执行顺序一致。
• 只能在 Function Component 中使用（class 元件无法使用 Hook，一般函式则只能使用自订的 Hook）。
• Hook 的开头皆为「use」（包含自订 Hook），这个命名惯例能让 React 的 linter plugin 在程序码中找到 bug。

参考资料

• React Hook Guide(1)
• React Hook Guide(2)
• React Hooks 入门教程
• Hooks.guide（提供许多封装好的hook方法）