課程大綱
- SASS
- React
課程簡報檔
課程心得
SASS
又是新的東西可以學了,將css加入「變數」可套用、做數值運算,還可以巢狀套用以及不太懂的 mixin
只是目前css樣式,我連bootstrap都套不漂亮啊 哈哈…
當有興趣的時候再來摸索這個吧
React
React 真的全新體驗,完全前端作業,寫法也把原本html的寫法添加了很「程式」的做法
React生命週期跟觸發「重繪」目前還是沒有掌握得很好
生命週期可能要多寫幾次才會用身體體會到過程吧
雖然知道三種情況會「重繪」
- 若Props發生變動
- 呼叫setState
- forceupdate (不建議)
這次作業部分是利用 setState觸發 來重新繪製畫面
作業心得
作業 Repo
體會到肌肉學習法,先抄起來寫,多寫幾次就會漸漸體會到、理解(?)
講師提供了很重要的取得input「值」的方法
以及提示使用 props 傳 function 到其他 component內使用
userpage 內建立一個 getUsers function, 會觸發 setState 來重新賦予 userList所需要的值
並且重繪畫面,寫的時候一直無法觸法重繪,找了很久才發現
將要傳到其他 component 的 function getUsers, 寫成callback = {this.getUsers}
但我在component 呼叫 getUsers的方法卻寫成了 this.props.getUsers()
這…根本搞錯
應該要寫成 this.props.callback()
才對…明明知道 text={123}
取值的時候寫 this.props.text
真是傻傻的啊…Orz,總之修改過後,就可以順利重繪畫面了(撒花)