沒想到自己有一天會成為前端工程師,更沒想到自己會報名鐵人賽,但既然我能如願的成為前端菜鳥,想必也能順利地完賽吧! 為什麼選擇學習react? 我想,前端之路在摸...
點開官網,感謝世界,有中文!宇宙從這裡,開始和平。 const root = ReactDOM.createRoot(document.getElementBy...
在了解react的世界就是透過.js來創建element渲染到html上之後,就能回答我的第一個問題了。 什麼是Component? 我們可以把componen...
什麼是生命週期 在問什麼是生命週期之前,我意識到,我應該先問的問題是:為什麼要有生命週期? 為了要讓一切組件化,所以react裡面的所有html element...
昨天談到生命週期,在react的世界裡面,一個element會有出生(Mounting)、變化(Updating)與死亡(Unmounting)。而在Updat...
昨天提到狀態改變了,就會更新。所以state如果有變化,就會觸發componentDidUpdate()。不過,在react中,還有一個很早就出現的Prop,也...
昨天提到,Props不能從內部改變,但是可以從外面改變,到底是甚麼意思呢?下面的程式碼是一個「傳來的props的值是一個state」的範例,我們先一眼掠過就好!...
昨天講了其實Props也可以修改,而在改Props的時候,我略過了一個事件沒有談,今天就來講講react的事件吧! 在原生js裡面,我們有三種方法可以綁定事件。...
今天要來談談如何透過事件來修改值,也就是如何修改state。但在這些事情之前,我們需要先釐清一些跟React無關,而是js本身的概念。 在js裡面,如果寫一個f...
確診了TAT,覺得完賽越來越困難與遙遠了。 今天要來討論的是react的資料綁定,最最簡單的就是第二天寫Hello Andy的時候,在{}裡面放入變數。 con...