鍍金池/ 問答/HTML5  HTML/ react組件使用data-*添加自定義屬性為什么會在頁面中找不到？

react組件使用data-*添加自定義屬性為什么會在頁面中找不到？

現(xiàn)在有個問題就是我在第三方的react組件庫中添加自定義屬性data-*,為什么在頁面中找不到這個屬性。
圖片描述

回答
編輯回答
笨笨噠

data-name是作為props傳入到SelectTab組件中的，如果組件內(nèi)部的render方法沒有使用data-name props的話，最終頁面上就不會有這個屬性。

2017年1月14日 13:10
編輯回答
冷咖啡

組件的props和dom元素的屬性是兩個截然不同的概念，只有直接寫在原生標簽組件（div/p/span 等）上的屬性才會直接添加到dom元素上，其他的需要手動添加：

// SelectTab.render()
<div data-name={this.props['data-name']}></div>
2018年1月9日 15:17