# 第六週小組任務

頁面連結：https://hackmd.io/DySvwiauRNSWxRpmW8lTvQ

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

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

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

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

## 問題

### 挑戰一：團隊成員使用 ChatGPT 產出選擇題，讓成員之間互相回答
- 這些題目可以對幾題？
- ChatGPT 的答案正確嗎？如果不正確，正確的邏輯為何？

請參考以下 ChatGPT 提示詞：

請提供給我 React Hook 測驗選擇題，所有都是以 “全英文” 進行出題
題目範圍：React、生命週期、Components、React Router、React Hooks 為主。

- 題目以程式碼模擬題為主（程式碼行數可以控制在 10 行內）
- 不需要提供答案，我會回覆再給你判斷是否正確，解答請用 台灣正體中文 描述
- 一次提供 5 題，並 “大幅提高題目的複雜度”

題目範例：
Question: useEffect Dependency Behavior

import React, { useState, useEffect } from 'react';

const EffectDemo = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    console.log('Effect runs');
    return () => console.log('Cleanup runs');
  }, [count]);

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
};

export default EffectDemo;

What will the console log when the user clicks the "Increment" button three times?

A) Effect runs three times and Cleanup runs three times.
B) Effect runs once and Cleanup runs twice.
C) Effect runs and Cleanup runs alternate three times.
D) The component crashes due to excessive cleanup calls.

### 挑戰二：繪製網站地圖，並且完成路由表撰寫
- 步驟一：繪製網站地圖
- 步驟二：完成路由表撰寫
請使用 Plain Object Router 的寫法，僅需要撰寫路徑及名稱

    const routes = [
        {
            path: '/',
            element: <App/>
        },
        {
            path: '/',
            element: <Home/>
        },
        {
            path: 'about',
            element: <About/>
        }
    ]

盡可能使用到的技巧
1. 動態路由
2. 巢狀路由

---

## 回報區

| # | Discord | CodePen / 答案 |
|:---:|:-------------- |:----------------------------------------------------------------------------- |
|1|C-01組|[HackMD](https://hackmd.io/@0nPGcgMUTs2wJQ7hgyzkzg/B1cQCsQFyl)|
|2|第 5 組||
|3|第 1 組|[HackMD](https://hackmd.io/c2BZ_1qlSfC0UoanBmEjQg)|
|4|第 6 組| [HackMD](https://hackmd.io/@LinaChen/ryWtbmtVJx/%2FM_7WmAYJT5mdzI5Vs72ZCA) |

---

- 快速複製格式：

| 0 | user | [Codepen]() |