在react中，怎样获取dom元素
2017-08-04 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
在react中，我们已经知道，组件并不是真实的DOM节点，而是通过虚拟DOM渲染出来的节点，只有当它被插入到文档后，才成为了真实的DOM。
要从组件中获取真实的DOM节点，则可在jsx标签中加入ref属性
<script type="text/babel">
var Hello=React.createClass({
showThis:function(){
//通过this.refs.username拿取到了ref为username的元素节点
console.log(this.refs.username.value)
},
render:function(){
return (
<div>
<input type="text" ref="username" onChange={this.showThis}/>
</div>
)
}
});
ReactDOM.render(
<Hello />,
document.getElementById("box")
)
</script>
要从组件中获取真实的DOM节点，则可在jsx标签中加入ref属性
<script type="text/babel">
var Hello=React.createClass({
showThis:function(){
//通过this.refs.username拿取到了ref为username的元素节点
console.log(this.refs.username.value)
},
render:function(){
return (
<div>
<input type="text" ref="username" onChange={this.showThis}/>
</div>
)
}
});
ReactDOM.render(
<Hello />,
document.getElementById("box")
)
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
