getDefaultProps：在組件類創(chuàng)建的時(shí)候調(diào)用一次，然后返回值被緩存下來(lái)。如果父組件沒有指定 props 中的某個(gè)鍵，則此處返回的對(duì)象中的相應(yīng)屬性將會(huì)合并到 this.props （使用 in 檢測(cè)屬性）。

該方法在任何實(shí)例創(chuàng)建之前調(diào)用，因此不能依賴于 this.props。另外，getDefaultProps() 返回的任何復(fù)雜對(duì)象將會(huì)在實(shí)例間共享，而不是每個(gè)實(shí)例擁有一份拷貝。

組件的生命周期：

　　componentWillMount：

　　　　服務(wù)器端和客戶端都只調(diào)用一次，在初始化渲染執(zhí)行之前立刻調(diào)用。

　　componentDidMount：

　　　　在初始化渲染執(zhí)行之后立刻調(diào)用一次，僅客戶端有效（服務(wù)器端不會(huì)調(diào)用）。

　　componentWillReceiveProps：

　　　　在組件接收到新的 props 的時(shí)候調(diào)用。在初始化渲染的時(shí)候，該方法不會(huì)調(diào)用。

　　shouldComponentUpdate：

　　　　在接收到新的 props 或者 state，將要渲染之前調(diào)用。該方法在初始化渲染的時(shí)候不會(huì)調(diào)用，在使用 forceUpdate 方法的時(shí)候也不會(huì)。

如果確定新的 props 和 state 不會(huì)導(dǎo)致組件更新，則此處應(yīng)該返回 false。

　　componentWillUpdate：

　　　　在接收到新的 props 或者 state 之前立刻調(diào)用。在初始化渲染的時(shí)候該方法不會(huì)被調(diào)用。

　　componentDidUpdate：

　　　　在組件的更新已經(jīng)同步到 DOM 中之后立刻被調(diào)用。該方法不會(huì)在初始化渲染的時(shí)候調(diào)用。

　　componentWillUnmount：

　　　　在組件從 DOM 中移除的時(shí)候立刻被調(diào)用。

小結(jié)：

　　使用react開發(fā)，所有html都寫在js文件里，所以開發(fā)起來(lái)不是很順暢。推薦一個(gè)chrome插件：React Developer Tools

對(duì)于React，有一些認(rèn)識(shí)誤區(qū)，在此總結(jié)一下：

React不是一個(gè)完整的MVC框架，最多可以認(rèn)為是MVC中的V（View），甚至React并不非常認(rèn)可MVC開發(fā)模式；
React的服務(wù)器端Render能力只能算是一個(gè)錦上添花的功能，并不是其核心出發(fā)點(diǎn)，事實(shí)上React官方站點(diǎn)幾乎沒有提及其在服務(wù)器端的應(yīng)用；

有人拿React和Web Component相提并論，但兩者并不是完全的競(jìng)爭(zhēng)關(guān)系，你完全可以用React去開發(fā)一個(gè)真正的Web Component；

React不是一個(gè)新的模板語(yǔ)言，JSX只是一個(gè)表象，沒有JSX的React也能工作。

以上所述是關(guān)于前端框架react相關(guān)知識(shí)的全部?jī)?nèi)容，希望大家喜歡。

您可能感興趣的文章: