一、組件類里面的函數(shù)盡可能寫成箭頭函數(shù)的形式，方便綁定this

上面的箭頭函數(shù)是好的，寫面的不好，他需要在用的時(shí)候綁定this，或者在constructor綁定，如下：

如上用的時(shí)候綁定this是不好的，每次render都會(huì)重新綁定，比這種好的是在constructor里面綁定，如下：

?

因此綁定this有兩種方法，用箭頭函數(shù)，或者在constructor里面綁定，推薦箭頭函數(shù)

二、從state或者props取值賦值給變量的時(shí)候，用解構(gòu)賦值、給默認(rèn)值、容錯(cuò)處理

三、通過prop-types給組件的配置參數(shù)加上類型驗(yàn)證，你也可以在任何 PropTypes 屬性后面加上 ’isRequired‘后綴，這樣如果這個(gè)屬性父組件沒有提供時(shí)，會(huì)打印警告信息。雖然?propTypes?幫我們指定了參數(shù)類型，但是并沒有說這個(gè)參數(shù)一定要傳入，事實(shí)上，這些參數(shù)默認(rèn)都是可選的。可選參數(shù)我們可以通過配置?defaultProps，讓它在不傳入的時(shí)候有默認(rèn)值

具體的Proptypes用法如下：

四、在父、子、孫，三級(jí)，從父級(jí)傳回調(diào)函數(shù)給孫，在每個(gè)子、孫配置PropTypes傳參類型，和defaultProps之后，不要用if來判斷有沒有傳回調(diào)函數(shù)，作為中間的子，直接將函數(shù)傳下去，不要在寫一個(gè)函數(shù)了，如下：

下面這個(gè)不好：

下面這樣好：

五、組件間的調(diào)用用下劃線做函數(shù)名

?

轉(zhuǎn)載于:https://www.cnblogs.com/QianDingwei/p/10907987.html

總結(jié)

以上是生活随笔為你收集整理的Todolist总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。