码迷,mamicode.com
首页 > 其他好文 > 详细

react 获取自定义属性、value等值

时间:2018-06-04 16:51:31      阅读:774      评论:0      收藏:0      [点我收藏+]

标签:事件监听器   name   data-   attr   tar   his   ext   -name   targe   

获取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 形式

react 获取自定义属性、value等值

标签:事件监听器   name   data-   attr   tar   his   ext   -name   targe   

原文地址:https://www.cnblogs.com/weiyecrossover/p/9133238.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!