react元件開發規範(一)

2022-03-08 12:32:46 字數 432 閱讀 9761

這是通過修改專案執行在google上時的警告,總結的的部分react元件開發規範:

(1)編寫元件時,一定要寫proptypes,切莫為了省事兒而不寫!

如果乙個props不是required,一定在getdefaultprops中設定它;

react.proptypes主要用來驗證元件接收到的props是否為正確的資料型別,如果不正確,控制台(console)中就會出現對應的警告(warning)。

所以,為了規範我們開發,減少不必要的警告,這個要注意寫上,而且保證型別寫對。

(2)map遍歷物件或者陣列拿到值,去渲染dom的時候,最好給每次渲染的dom都加上 key 屬性,並且保證 key 是唯一的(可以用key = ),這個問題不加key或者key不唯一都會出現對應的警告!

(3)標籤巢狀問題,像p標籤裡面包含div標籤就會出警告,這種問題最好避免!

React元件開發(一)初識React

react不屬於mvc mvvm,只是單純的v層 react核心是元件 提高 復用率 降低測試難度 複雜度 自動dom操作,狀態對應內容。react核心js檔案 react.js和react dom.js,每乙個react元件開發都必須引用這兩個js檔案。browser.js用來將瀏覽器不識別的js...

react元件書寫規範

元件的私有方法都用 開頭,所有事件監聽的方法都用handle開頭。把事件監聽方法傳給元件的時候,屬性名用on開頭 元件的內容編寫順序如下 static 開頭的類屬性,如defaultprops proptypes。建構函式,constructor。getter setter 還不了解的同學可以暫時忽...

react元件開發

1.元件建立腳手架 create react library是乙個用來建立react元件庫的cli,中文文件 隱式配置 建立好工程後,修改根目錄下的package.json中scripts節點下的start和build命令 build microbundle crl css modules fals...