在學習 React 的過程中，很多初學者都會卡在「Class Component」這一關。 state、生命週期方法、this 綁定問題……常常讓人看得一頭霧水。 不只新手覺得困難，就連有經驗的工程師...

當我們學會了 React 的 state 和 props，再進一步接觸 Context API，會覺得：「啊，終於可以把資料從上層統一管理，解決 props 一層層傳的麻煩了！」 但當專案越做越大，你...

在前幾篇文章中，我們學會了使用 props 把資料從父元件傳到子元件。 但你有沒有發現，如果資料需要從最上層一路傳到底層，每個中間層都得「中轉」一次，即使它們根本不需要這些資料？ 這種現象就叫做 pr...

你可能曾經這樣寫 React 程式： return ( 標題 新增 {todos.map(todo => ( {todo} ))} ); 一開...

你學會了 props，知道怎麼讓父元件把資料「丟給」子元件，但有沒有遇過這種情況： 想把一筆資料給最底層的元件，結果中間的每一層元件都要幫忙「轉傳」一次？ 這就是 prop drilling 的問題。...

你在學習 React 的過程中，可能已經習慣用 props 傳資料給元件，但你可能也會想問： 「有些資料是元件內部自己要記住的，不能靠父母提供，怎麼辦？」 例如：點擊按鈕要切換畫面狀態、輸入欄位要記住...

在學習 React 的過程中，你可能看過這樣的寫法： Hello 或是這樣的： 這兩者到底差在哪？為什麼有的元件可以包東西，有的卻是空的？ 關鍵就在於 React 元件的一個特殊屬性：childre...

在使用 React 建構畫面時，你可能會遇到這樣的情境：「我有一個資料放在某個元件 A 裡，但我想讓元件 B 也可以用到這筆資料。」 這時候，你會開始思考「元件之間要怎麼傳資料？」這正是 props（...

在剛開始學 React 的時候，很多初學者會問：「我要怎麼開始寫 React 元件？」 本篇文章就是你的第一步。 React 中的畫面，是由一個個元件（Component）組成的。 你可以把元件想成是...