event.target.name未定义 [英] event.target.name is undefined

问题描述

我试图像以前一样使用e.target.name来设置状态，但是由于某些原因e.target.name似乎是未定义的，我无法弄清楚为什么，如果有的话有一个建议，将受到欢迎. 谢谢！

I am trying to use e.target.name in react to set the state as I have done before, however e.target.name seems to be undefined for some reason and I can't figure out why, if any one has a suggestion it will be welcome. thanks!

<li 
    onMouseEnter = {this.handleMouseEnter.bind(this)}
    name ='HOME'
    id="some id"
    style={main.element}>HOME</li>

我的事件处理程序只有一个调试器供我玩

my event handler has only a debugger for me to play with

handleMouseEnter(e){
    debugger
}

当我尝试获取name属性的值时，我无法定义

and when i try to get the value of the name property i get undefined

e.target
//<li name=​"HOME" id=​"some id" style=​"padding:​ 10px;​">​HOME​</li>​
e.target.name
//undefined
e.target.id
//"some id"

推荐答案

name是属性，需要获取函数getAttribute(...).正如@Ele指出的那样，建议的解决方案是

name is an attribute and needs function getAttribute(...) to be fetched. As @Ele has pointed out, the suggested solution would be

var name = e.target.getAttribute('name'); //'HOME'

这篇关于event.target.name未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！