vanessalin9/practice-form

React 表單練習

這是一個用於學習 React 表格建立和輸入驗證的練習專案。

• 專案使用 Create React App 構建，使用 React Router DOM 建立單頁應用程序。
• 專案中有兩個表格，分別使用 React useState 和 react-hook-form 建立。

---

目標

• 實現各種形式的表格 input
• 輸入驗證失敗時顯示訊息提示使用者
• 通過全部的輸入驗證才可以送出表格
• 練習控制和非控制組件（file input）
• 使用 react-router-dom 建立單頁應用程序
• 缺資料時阻擋進入展示頁(自動轉址)
• 練習與比較 react-hook-form 與 useState兩種控制表格 input 寫法的差異

其他技術細節

• 使用 Tailwind CSS 美化界面
• 練習使用 Tailwind CSS @apply 模組化 css 設定
• 使用 react-input-mask 提示使用者輸入格式
• 使用 react-icons 顯示可愛的icons