react中給dom元素添加自定義屬性(Unknown prop `_type` on tag)

在開發react項目中,默認的標籤屬性:nam、id、className等;
如果需要給標籤添加自定義屬性;
如:

<Bu _type="1" ></Bu>

這時候如果直接寫_type,react不識別這是tag屬性;會直接在控制檯拋出個錯誤出來:

main.js:111 Warning: Unknown prop `_type` on <Bu> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop

react中自定屬性可以以’data-‘開頭的屬性名稱,會自動轉換爲標籤屬性:

<Bu data-type="1" ></Bu>

如果需要一次性動態加入多個屬性,可以使用’…’展開操作符;

var attr={
    data-a:'a',
    data-b:''
}
<Bu {...attr} ></Bu>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章