任務說明 叮咚!你收到了一份任務! 你即將進入一個秘境,將一步步從 0 開始展開 React 學習之旅,並且透過這 30 天掌握 React 技能 ,最終目標規...
⭐今日任務說明 叮咚!冒險者你好!今天要來我們要來認識 React到底 React 是什麼呢.... React 是什麼 The library for...
⭐任務說明 在上一個任務中,我們初步先認識了 React ,知道他是一個 Web 函式庫,冒險者是不是對於一些概念有點搞不清楚呢?接著介紹什麼是 元件 ? 什...
⭐任務說明 上一個任務中學習到可以建立不同的元件,本次任務將學習如何拆分並使用元件 拆解元件 在上一個任務的範例中,我們都把元件都寫在同一個 App.js...
⭐任務說明 😸 React 元件間將使用 props 進行互相傳遞溝通,每個父層元件都可以透過 props 傳遞資訊給子元件,其傳遞的內容可以是物件、陣列或是...
⭐ 任務說明 😸 元件中會依照不同的條件而顯示不同的內容,這一次的任務我們就來看要怎麼執行吧! 條件渲染元件 在前一個任務中,學到元件之間可以透過 prop...
⭐任務說明 😸 今天任務將學習透過 JavaScript 的陣列方法,來把資料變成 React 元件!magic✨ 先來聊聊,什麼時候可能會用到資料陣列?第...
⭐任務說明 😸讓資料驅動元件多點變化! 增加變化 變化指的會是有互動的內容,像是點擊後顯示訊息 我們把昨天的範例稍作修改首先,我們把功能鍵拆分,一個是功...
⭐任務說明 😸上一個任務中學習到利用資料驅動畫面,並且拆分元件今天將會學習到使用 React Hook 中的 useState,讓元件擁有狀態! 加點狀態!...
⭐任務說明 😸學習多次更新同一個狀態 更新同一個狀態 😸會一直更新同個狀態的就先想到計數器了,來簡單實作一下 這邊要做一個點一次 +3 的按鈕後,上面...