React Component 只能透過資料狀態的改變來更新 UI，而 React 元件有兩種資料來源： Props: 透過外部(父元件)傳進來的元件，是唯讀 (read-only) 的資料 St...
...接續前一篇 2.一次性情況的動態變化 在上一篇中講解如何覆蓋 Material-UI 組件的樣式，現在，讓我們看看如何使這些覆蓋動態化。這裡有五種選擇；每個都有其優點和缺點。 a. Dynami...
今天要學習如何用React的Component的概念來設計你的UI畫面，下面用React官網提供的素材作舉例: 根據上圖，並透過接收產品訂單的API得到下列資料: [ {category: &...
續 Day 28 Acknowledgments and redelivery 老樣子，消費者任何時間都有可能故障，有可能發生 訊息代理 (message broker) 傳遞訊息給消費者後，它卻...
Hello 大家，再兩天就要放假喏!迫不期待想要當馬鈴薯。 接著說媒體後續的動作，下一個分類是影像編輯，第一個是選轉影像/影片，使用這個動作就可以將我們的影像做方向的變換，並且可以設定旋轉的角度，看是...
Props 是傳遞給 React Component 的參數。 Propse 透過HTML屬性傳遞給Component。 使用Props React Props 就像 JavaScript 中的函...
這個範例實作：在 Dialog 內放入表單，確認 submit 後，才關閉 Dialog。 Case01 Controller 與 Day18 一樣，不需要特別調整 建立 jquery-ui-d...
在Hook尚未出現之前，只有Class Component能夠有生命週期可以使用。什麼是生命週期？生命週期(lifecycle)是指Component從建立到銷毀的過程。 React的生命週期分為三大...
第 13 天啦～～～ 昨天我們談到 lifecycle， 那我們今天來稍微介紹一下，在生命週期每個階段的流程吧 那在 v15 -> v16 時， React 官方有針對 lifecycle 做一...
由於組件可以在不同的context中使用，有幾種方法可以解決這個問題，官方連結。 1.一次性情況的特定變化 2.一次性情況的動態變化 3.在不同context中重用的組件的特定變體 4.Materi...