Hello-JS-Week4

課程大綱

課程心得

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,總之修改過後,就可以順利重繪畫面了(撒花)