---
# System prepended metadata

title: 第五週小組任務
tags: [React 直播班 - 2024 冬季班]

---

# 第五週小組任務


使用 discord、ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
    1. 該問題集的答案
    2. 提供 1~3 張 discord 或 ZOOM 對話截圖，確保有進行小組討論
    3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。



**常見問題：**
Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以

## 問題

### 挑戰一：React Hook 分享
請每個人去尋找一個好用/特別的 React Hook，並跟夥伴分享使用方法。

範例：[React Hook Form](https://www.react-hook-form.com/)
 - 利用 React Hooks 機制來管理表單的狀態
```jsx
import { useForm } from 'react-hook-form';

function MyForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();
  
  const onSubmit = data => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('username', { required: 'Username is required' })} />
      {errors.username && <p>{errors.username.message}</p>}
      
      <input type="submit" />
    </form>
  );
}

```


### 挑戰二：Git 挑戰
完成 [Git 任務四](https://hackmd.io/8uEPk1GeTBCl8lUQfD5b5Q?view)

---

## 回報區


|  #  | Discord        | CodePen / 答案                                                                |
|:---:|:-------------- |:----------------------------------------------------------------------------- |
|1|C-01組|[HackMD](https://hackmd.io/@0nPGcgMUTs2wJQ7hgyzkzg/SJKYhJMuJx)|
|2|第 5 組|[HackMD](https://hackmd.io/shqQaz3BRS6-7DJNS4vrUw)|
|3|第 2 組|[HackMD](https://hackmd.io/@jasminelin9954/S1niIZW_kl)|
|4|第 6 組|[HackMD](https://hackmd.io/@LinaChen/ryWtbmtVJx/%2FTCRb90CBQGWXFe4R5d5GhA)|

---

- 快速複製格式：

```markdown!
| 0 | user | [Codepen]() |
```
