在開發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>