獲取兒童數據屬性的價值（反應）

Question

我有一個帶有選項列表的選擇菜單。 每個選項都有一個數據屬性。

<select onChange={this.handleSelectChange}>
  <option data-tag="red">Value1</option>
  <option data-tag="blue">Value2</option>
  <option data-tag="green">Value3</option>
</select>

我可以使用以下命令訪問當前選定選項的值：

handleSelectChange(e) {
  let inputValue = e.target.value;
}

但是我還需要當前選定選項的數據標簽屬性。 我該如何去做？

Answer 1

您可以像這樣在變更處理程序中獲取它：

handleSelectChange = (e) =>{
    const dataTag = e.target.querySelector(':checked').getAttribute('data-tag');
}