reactjs - 如何在 React js 的材质 UI 选择选项中访问自定义目标属性

Question

这是我的选择元素

<Select
    native 
    onChange={this.handleDepChange}
  >  
     {
      departments.map((dep, index) => (
        <option key={'dep-ind - ' + index} value={dep.id} depCode={dep.code}>
          {dep.name}
        </option>
       ))
     }                                    
</Select>

我在名为的选项元素中定义了自定义属性depCode。

这是我的onChange活动

handleDepChange = (e) => {
   console.log(e.target.value)   //it give the intended value
   console.log(e.target.depCode) //it is undefined
}

有人可以指导我，我如何访问depCode。我正在使用 MaterialUI 库。

标签： reactjsselectmaterial-uionchange

Answer 1

尝试这个

e.nativeEvent.target.getAttribute("depcode")

现场演示