react 获取自定义属性value等值

Posted 2020-11-10 crossover丶

获取React.js自定义属性必须data- ，比如data-index  然后用event.target.getAttribute("data-index")

或者console.log(this.refs.myInput.getAttribute("data-index"));获取

 

例： 

 <input type="text" ref="myInput" id=‘dongtao‘ data-dd=‘ddd‘/>  ；

 console.log(event.target.getAttribute("data-index")) 

    console.log(this.refs.myInput.value);  

    console.log(this.refs.myInput.id);  

    console.log(this.refs.myInput.getAttribute("data-dd"));  

    console.log($(‘#dongtao‘).val());  

 

注：

父节点有属性data-cc 
这时候点击父节点获取属性 
正确方式是 
event.currentTarget.getAttribute(“data-cc”)

而不是

event.target.getAttribute(“data-cc”)

ps: 
1. 
currentTarget 返回其事件监听器触发该事件的元素。 
target 返回触发此事件的元素（事件的目标节点）。 
2.react添加属性必须是 data-xx 形式