react 基本應用(2)

2022-08-05 06:36:13 字數 1314 閱讀 2969

);}

componentwillunmount() {}

}export default test;

建議元件要包涵以上部分

注意:defaultprops 是props 的預設值;propstype 是props 的型別檢查;

componentwillmount  和 componentdidmount,是react 的生命週期的方法,分別在render 之前和之後執行, 且只執行一次。

不要在componentwillmount 中使用 setstate() 方法 !如果使用了setstate,元件更新了state,但是元件只更新了一次,所以這是沒有意義的!

輕易不要在componentdidmount 中使用 setstate() 方法 !如果使用了 setstate ,元件會再次更新,初始化元件的過程中就會 render 兩次!

通過props 初始化 state(但是state不隨著props改變而改變的時候) 時可以在 constructor() 中進行   constructor(props) }

元件的解除安裝 componentwillunmount,一般在其中執行一些清理的方法,比如 定時器的清除、事件的**。  

props是react單向資料流主要的流動管道。不允許修改值,如果要渲染乙個通過props 加工而來的值 可以使用區域性變數(

1

render() 67

);8 }

)或直接在jsx 中計算( 總價 *

)得來props一般情況下引數。

classname:根節點的class,為了方便覆蓋樣式。

onchange:當元件內部狀態state 發生變化時的**函式。

default***val、***val: 預設值、當前值,方便通過內部和外部更新值。

classprefix:class 字首

props.children

getchildren()  = this

.props;

return react.children.map(panels, (child) =>

return react.cloneelement(child, );

});

}render()

) }

或者render())}

) }

propstype: js 是弱型別語言,考慮到程式的健壯性,我是強制使用的。

props 中可以傳遞function ,可以實現子元件向父元件的通訊。 this.props.func() //

子元件呼叫父元件傳來的func 方法

SIP基本應用

sip基本應用 sip 協議作為 voip 通訊的主要協議之一,以起簡單,靈活,開放性而逐漸在 voip 通訊領域內佔據主導地位。使用 sip通訊的主要方式如下圖,主要裝置有 sip終端,定向伺服器,位置伺服器,pstn 閘道器等裝置。sip協議發展的目前,最新標準為 rfc3261 主要的網路裝置...

CGI 基本應用

gdi graphics device inte ce plus也就是圖形裝置介面,提供了各種豐富的圖形影象處理功能 在c net中,使用gdi 處理二維 2d 的圖形和影象,使用directx處理三維 3d 的圖形影象,圖形影象處理用到的主要命名空間 是system drawing 提供了對gdi...

Sql cursor 基本應用

1 游標格式 declare 游標名稱 cursor for select 欄位1,欄位2,欄位3,from 表名 where open 游標名稱 fetch next from 游標名稱 into 變數名1,變數名2,變數名3,while fetch status 0 begin sql語句執行過...