我的react項目中一個應用場景就是在點擊一個元素的時候想要獲取到這個元素的屬性。
代碼如下：
renderyear=()=>{return(<div><div data-value="年初">年初</div> </div>);}//點擊標簽的時候觸發的函數
TagClick=(e)=>{console.log("e",e);console.log("e.target",e.target); //指向返回事件的目標節點(觸發該事件的節點)console.log("e.target.dataset",e.target.dataset);this.setState({tagSelect:e.target.dataset.value,Pickerstatus:false,});}
如果想獲取到觸發元素的屬性，需要兩步驟:
1需要在觸發元素上用“data-”+“屬性”的形式定義，如value值寫成data-value,calss值寫成data-class
2.通過e.target.dataset.屬性能夠獲取屬性
如上圖：
我在方法中分別打印出來了e，e.target，e.target.dataset
e是事件對象，里面包括很多方法
e.target指向返回事件的目標節點(觸發該事件的節點)
e.target.dataset返回一個對象，對象中是設置的屬性，如果設置的時候不加data，則獲取到的對象為空。
)
)
