---
# System prepended metadata

title: React Hook form

---

# React Hook form


1. [官網文件](https://react-hook-form.com/)、[基本範例](https://codepen.io/nopeta/pen/BaVBExd?editors=0010)

> 補充觀念：

在 React Hook Form 中有提供各種驗證屬性，如下：
- required: 必填
- min: 輸入的最小值，例如：年齡必須輸入 0 以上。
- max: 輸入的最大值，例如：年齡必須輸入 120 以下。
- minLength: 輸入的字串長度最小值，例如：密碼需大於 8 碼。
- maxLength: 輸入的字串長度最大值，例如：標題需小於 12 字。
- pattern：可以使用 regex 正規表達式來客製化自己的輸入限制。
- validate：加入 callback function 執行自訂的驗證函式。