前端框架react研究

2022-07-05 18:00:16 字數 1302 閱讀 5857

issue:

歡迎star和fork!

載入元件的首字母大寫,比如:

每乙個元件的render最外層都要有乙個包裹元素

this.props不能修改,this.state可以修改

頁面oclick事件在ios中的safari不起效果,onclick= 需要使用其他方式,比如jquery的繫結事件

string轉換成html,dangerouslysetinnerhtml=}

getinitialstate:在元件掛載之前呼叫一次。返回值將會作為this.state的初始值。

getdefaultprops:在元件類建立的時候呼叫一次,然後返回值被快取下來。如果父元件沒有指定 props 中的某個鍵,則此處返回的物件中的相應屬性將會合併到this.props(使用in檢測屬性)。

該方法在任何例項建立之前呼叫,因此不能依賴於this.props。另外,getdefaultprops()返回的任何複雜物件將會在例項間共享,而不是每個例項擁有乙份拷貝。

componentwillmount:

伺服器端和客戶端都只呼叫一次,在初始化渲染執行之前立刻呼叫。

componentdidmount:

在初始化渲染執行之後立刻呼叫一次,僅客戶端有效(伺服器端不會呼叫)。

componentwillreceiveprops:

在元件接收到新的 props 的時候呼叫。在初始化渲染的時候,該方法不會呼叫。

shouldcomponentupdate:

在接收到新的 props 或者 state,將要渲染之前呼叫。該方法在初始化渲染的時候不會呼叫,在使用forceupdate方法的時候也不會。

如果確定新的 props 和 state 不會導致元件更新,則此處應該返回 false

componentwillupdate:

在接收到新的 props 或者 state 之前立刻呼叫。在初始化渲染的時候該方法不會被呼叫。

componentdidupdate:

在元件的更新已經同步到 dom 中之後立刻被呼叫。該方法不會在初始化渲染的時候呼叫。

componentwillunmount:

在元件從 dom 中移除的時候立刻被呼叫。

總結 前端框架 react還是vue?

之前寫了一篇前端框架的大彙總,主要介紹了當下主流的框架和其特性。最近除了bootstrap,就屬react和vue最為熱門,這篇就主要拿這兩個框架來做一下詳細對比。究竟如何正確使用?作為小白的我們從何學起比較好?帶著一系列問題來看看吧。這篇主要介紹 1 從出身背景 優勢 缺點 適合場景 開發模式 實...

前端React框架開發的相關建議

static getderivedstatefromprops props mixedprops,state props let columns commontable.getcolumns colconfig let datasource commontable.dataformathandler...

Slog89 使用React框架進行前端開發1

上善若水 水善利萬物而不爭 處眾人之所惡 故幾於道 需要的資訊和資訊源 cd desktop mkdir arthurslogstore cd arthurslogstore cd client arthurslogstore public index.html src index.css inde...