iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Dear React 修煉之路 系列

30天React學習日記
以新手小白的視角從0開始學習React,將每日學習的知識要點紀錄下 /ᐠ。ꞈ。ᐟ\

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

(D-11) Dear React 修煉之路:props|React.Children

前一篇文章中紀錄其中一種 React.Children 函式,今天繼續將其他的函式學習起來~ React.Children.forEach() 使用方式和Rea...

2022-09-26 ‧ 由 A L 分享
DAY 12

(D-12) Dear React 修煉之路:React 監聽事件|Event Handling

React 的監聽事件,處理方式跟 DOM 很相似,與 DOM 不同之處為: React監聽事件命名必須是 camelCase 的方法來取名 使用 JSX 把...

2022-09-27 ‧ 由 A L 分享
DAY 13

(D-13) Dear React 修煉之路:React State -1

React State React裡面,是由數個Components組成的,某些情況下Component會需要自行管理自己的元件狀態例如:時間、下拉式選單展開等...

2022-09-28 ‧ 由 A L 分享
DAY 14

(D-14) Dear React 修煉之路:React State -2 | useState

useStateuseState 屬於 React Hook 的一種,回傳一個包含兩個值的 Array使用語法為 const [state, setState]...

2022-09-29 ‧ 由 A L 分享
DAY 15

(D-15) Dear React 修煉之路:React State -3 | useEffect

useEffect(副作用處理)副作(side-effect)是什麼意思?是做什麼用的呀?例如我們在 fetch 資料、訂閱事件、改變 DOM,這些在 rend...

2022-09-30 ‧ 由 A L 分享
DAY 16

(D-16) Dear React 修煉之路:React useEffect - 2

今天要來延續昨天的 useEffect 繼續學習 useEffect的 Rander 順序如果執行了以下的Component,我們可以看到的順序會是1.rend...

2022-10-01 ‧ 由 A L 分享
DAY 17

(D-17) Dear React 修煉之路:React useEffect - 3

上一篇文章提到了useeffect的使用方法,如果要執行多個useEffect是可以的嗎?答案是沒有問題的,可以同時執行多個useEffect const Ap...

2022-10-02 ‧ 由 A L 分享
DAY 18

(D-18) Dear React 修煉之路:React | useContext -1

React 傳遞資料的順序會是一層一層進行傳遞到子層即使中間的層級不需要使用到資料,但是為了傳到底層,中間的層數都會一起接收 props 資料 舉例:Butto...

2022-10-03 ‧ 由 A L 分享
DAY 19

(D-19) Dear React 修煉之路:React | useContext -2

useContext(Context)讓我們能夠使用 Context 提出的 API它可以接受 React.createContext() 的value作為參數...

2022-10-04 ‧ 由 A L 分享
DAY 20

(D-20) Dear React 修煉之路:React | useContext -3

這幾天學習了useContext,認為它的用法稍微有點困難,所以今天我想再多練習一天,useContext第三篇繼續記錄練習過程Q-Q 這邊要將 User1 C...

2022-10-05 ‧ 由 A L 分享