關於react的一點工作總結

2022-03-14 11:00:05 字數 1444 閱讀 9248

首先,react是facebook開發的一套前端框架,僅僅是mvc中的v。核心思想是「封裝元件」,元件封裝後可以作為乙個獨立的實體被引入到新的元件中,這樣新的元件就又是乙個實體了,由於元件的實現了可復用,所以是大大減小了開發的工作量。

*react的值可以分為私有公有,私有的值一般就用this.state來表示了比如:

"

password

" before= name="

passwordagain

" id="

againpassword「onchange= value= error= placeholder=

"確認密碼"

/>,

和這個相關的就是setstate了,一般用在事件裡面,用來更改資料。

handlechange(e) );

}

不過這樣的話瀏覽器會報錯說setstate沒有定義,解決方法呢就是要再

建構函式裡bind一下,像這樣:this.handlechange = this.handlechange.bind(this);

*公有的呢就是props了,props用於父子元件之間的通訊,super(props);放在建構函式裡就可以把父元件裡的屬性繼承下來了,當需要從父元件繼承的時候,使用this.props就可以了,如下:

handleclick() 

*react的生命週期基本上就是元件執行的過程了:

第一步執行的是getinitialstate,只在元件裝載之前呼叫一次;

第二步是getdefaultprops,作用是只在元件建立時呼叫一次並快取返回的物件。

第三步執行的是render,使用原生html標籤或者子元件組裝生成這個元件的html結構,也可以返回 null或者 false,這時候 reactdom.finddomnode(this)會返回 null。

第四步:裝載元件觸發:componentwillmount 只會在裝載之前呼叫一次,在 render之前呼叫,你可以在這個方法裡面呼叫 setstate改變狀態,並且不會導致額外呼叫一次 render。componentdidmount 只會在裝載完成之後呼叫一次,在 render之後呼叫,從這裡開始可以通過reactdom.finddomnode(this)獲取到元件的 dom 節點。

更新元件觸發:(內嵌迴圈執行的)

componentwillreceiveprops

shouldcomponentupdate

componentwillupdate

componentdidupdate   

這些元件不會在首次render元件的週期呼叫。

最後一步呢是解除安裝元件觸發:componentwillunmount

1入門教程

2facebook github上的使用文件,比較全

(工作總結 途家業務)關於途家網爬蟲的一點總結

由於公司民宿的業務需求,需要 在未登入情況下基於爬蟲針對途家網的 的房態 資訊 上下架情況等進行實時追蹤,在登入情況下,同步房東端的 訂單 賬單等資訊 在登入情況下,完成房東 的開關房 上下架 改價 改庫存等操作 完成自動登入獲取cookie的操作 其中房態與 為業務核心 1.pc網頁階段 2.手機...

工作的一點總結

工作效率 專案 需求的任務拆解 按照分析 設計 設計評審 資料結構設計 程式開發 測試 聯調 等環節進行任務拆解,拆成不大於3人 日的粒度,進行排期。列出每個環節的具體任務list,每天跟進,前一天做第二天的任務list,同時在當天完成的任務上打對號。應對中斷與階段性休息 工作中,時長被打斷已經是常...

關於工作的一點感悟

俗話說 人老精,鬼老靈 最近對這句話深有感觸。最近我們組一下壓了三個專案,兩個專案都是要乙個月之後要交的,產品經理和銷售經理都快急哭了,但是又不知道從那兒下手,開發計畫遲遲排不出來,公司老總聽了她倆反饋的情況,幫我們梳理了一下,頓時感覺眼前豁然開朗。說說自己的體會 一 擺正心態,不要著急。不積跬步,...