-
react中如果需要操作state中的數(shù)據(jù),不要直接修改,應(yīng)該先復(fù)制一個副本,操作副本中的數(shù)據(jù),之后再賦值給state。 原因: 1.在使用一些工具調(diào)試時會比較方便; 2.后期使用一些比較復(fù)雜的框架時,直接操作的錯誤寫法會導(dǎo)致代碼性能低下查看全部
-
react中,不能直接操作this.state的數(shù)據(jù),會導(dǎo)致性能變差,先查看全部
-
子組件如果想和父組件通信,要調(diào)用父組件傳遞過來的方法
查看全部 -
父組件通過屬性的方式傳遞參數(shù)給子組件,子組件通過props接收?查看全部
-
React返回調(diào)整
可以用<React.Fragment />來替代最外層的標(biāo)簽
查看全部 -
代碼優(yōu)化
子組件中的調(diào)用父組件的內(nèi)容時,可以改成這樣ES6語法
查看全部 -
代碼優(yōu)化
可以把一些復(fù)雜的代碼抽出一個方法
查看全部 -
性能優(yōu)化
再constructor中綁定事件為最佳
查看全部 -
子組件向父組件通信,
父組件的方法以屬性形式傳遞給子組件即可。
查看全部 -
父組件與子組件
父組件通過屬性方式傳遞值給子組件,
子組件通過this.props獲取父組件的屬性
查看全部 -
<div style={{}}>style樣式的第一層{}表示內(nèi)容是js表達(dá)式,第二層{}表示內(nèi)容是對象。
class關(guān)鍵字在react里代表的是定義一個類,所以在標(biāo)簽里定義class時要用className代替。
render()返回值中dom只能有一個根節(jié)點,如果影響布局則可以用<React.Fragment></React.Fragment>代替。
查看全部 -
在constructor中聲明事件方法的bind(this),可以提升代碼的執(zhí)行性能。
props接參最好用結(jié)構(gòu)的方法賦值,即可直接取值,不需要再this.props.***
查看全部 -
如果子組件想和父組件通信,子組件要調(diào)用父組件傳遞過來的方法。
查看全部 -
父組件通過屬性的方式向子組件傳遞參數(shù),子組件通過props接收父組件傳遞過來的參數(shù)。
子組件不能擅自修改props里的值。
查看全部
舉報