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

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

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

?

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

二、從state或者props取值賦值給變量的時候，用解構賦值、給默認值、容錯處理

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

具體的Proptypes用法如下：

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

下面這個不好：

下面這樣好：

五、組件間的調用用下劃線做函數名

?

轉載于:https://www.cnblogs.com/QianDingwei/p/10907987.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。