鐵人檔案
在 初探 State、Class Component State 語法、State 內部運作原理 這三個篇章中介紹了 state 的概念、用法與運作原理。 如果...
回顧 React Lifecycle 在上個章節中，我們了解了 React component instance 的生命週期（Lifecycle）代表一個 co...
如 HTML 一樣，JSX 也提供了處理 DOM event 的方法。就讓我們來了解一下語法吧！ JSX 處理 event 語法 JSX 註冊 event 語法...
在上一篇中介紹了 JSX Event 的使用方式，在本章節我們將近一步了解在 class component 中使用 event handler 的常見問題、對...
React 條件 render 使用情境 在撰寫前端頁面時，常常需要根據不同的 props / state 資料顯示不同的 element。 舉例來說，使用者尚...
React render list 使用情境 在撰寫前端頁面常常會需要把 list 中的內容全部顯示到畫面上。 舉例來說，我們可能會需要把一個 list（Arr...
在上一篇中，我們介紹了 React render list 的語法，其中提及了 render React element list 時都必須要加上 key pr...
回顧 key 在上一篇中，我們介紹了 key 為何，以及如何在 React 中使用 key。 Key 可以想成是 React element list 中每個元...
回顧 Key 與 Diff 演算法 在上一個篇章中，我們簡介了 key 在 Virtual DOM diff 演算法中扮演的角色。 我們也了解到 key={in...
在這個章節中，我們將介紹在 React 中 form 與 input 相關 element 的使用方式。 然而為何需要把 form 這類的 element 特別...
