React建立自定義屬性及引用自定義屬性的方法

React在給標籤建立自定義屬性的方式不能簡單的定義一個如row={3}這樣的屬性. 你會發現建立完雖然不報錯,但根本取不到row.

正確的作法是, 將屬性以data-開頭,即定義爲: data-row={3}. 這樣在獲取數據的時候才能經過target.dataset或target.attributes看到數據. 如圖:

你們能夠看到, 定義成data-row的屬性, 在attributes裏是data-row, 在dataset裏是row.

這個時候有經驗的開發人員就應該知道怎麼來引用自定義屬性了.

下面貼出一個例子:
下面這是react中的自定義屬性

<div data-row={curLine} data-col={curCol} ></div>

下面這是react的某個方法中的調用自定義屬性的js代碼段:

var row = ev.target.getAttribute('data-row');
var col = ev.target.getAttribute('data-col');

不知道target是什麼東西,或者不知道怎麼獲取真實dom,參照 不寫代碼的碼農 的文章:

https://segmentfault.com/a/1190000004168886

搜索getDOMNode()