Reactjs 在React中获取自定义选项属性

我想向名为“数据id”的选项字段传递自定义属性：

{item.name}

在我的onChange函数中，我知道如何获取值，我会这样做：

console.log（e.target.value）

---

但是如何获得像“数据id”这样的自定义属性呢。你能做一下“e.target.data id”吗？这对我来说似乎不起作用。是否有正确的方法（如果可能的话）

您可以使用元素的

dataset

属性。看看这个例子：

const testDiv=document.querySelector（'.my div'）；
testDiv.addEventListener（'click'，e=>{
testDiv.innerText=e.target.dataset.id
})

.my div{
宽度：50px；
高度：50px；
背景：蓝色；
颜色：白色；
}

您可以通过

数据集

属性设置数据属性：

const handleChange = e => {
    console.log(e.target.dataset.id)
}

---

e.target[“数据id”]

？这是否回答了您的问题？或者是圣人。或者专门针对HTML

data-

props。我可以问一下为什么在这种情况下使用数据属性吗？大多数情况下，这根本不必要。如果原因是您想确定选择了哪个

id

，那么在react中有更好的解决方法。

const handleChange = e => {
    console.log(e.target.dataset.id)
}