react.js 获取真实的DOM节点实例(必看)


Posted in Javascript onApril 17, 2017

为了获取真实的dom节点,文本输入框必须有一个 ref 属性,然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。

var MyComponent = React.createClass({
 handleClick: function() {
  this.refs.myTextInput.focus();
 },
 render: function() {
  return (
   <div>
    <input type="text" ref="myTextInput" />
    <input type="button" value="Focus the text input" onClick={this.handleClick} />
   </div>
  );
 }
});

ReactDOM.render(
 <MyComponent />,
 document.getElementById('example')
);

以上这篇react.js 获取真实的DOM节点实例(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery.validate分组验证代码
Mar 17 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
上传文件返回的json数据会被提示下载问题解决方案
Dec 03 Javascript
javascript实现禁止右键和F12查看源代码
Dec 26 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 Javascript
Vue学习之axios的使用方法实例分析
Jan 06 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 Javascript
老生常谈jacascript DOM节点获取
Apr 17 #Javascript
老生常谈combobox和combotree模糊查询
Apr 17 #Javascript
vue实现简单表格组件实例详解
Apr 16 #Javascript
JavaScript实现网页头部进度条刷新
Apr 16 #Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 #Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 #Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 #Javascript
You might like
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
Laravel5中contracts详解
2015/03/02 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
layui table 参数设置方法
2018/08/14 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
Python字符串详细介绍
2015/05/09 Python
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
python爬取各类文档方法归类汇总
2018/03/22 Python
解决python 未发现数据源名称并且未指定默认驱动程序的问题
2018/12/07 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
如何使用python代码操作git代码
2020/02/29 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
详解rem 适配布局
2018/10/31 HTML / CSS
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
文明礼仪伴我行演讲稿
2014/05/12 职场文书
意向书范本
2014/07/29 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
个人整改措施书面材料
2014/10/24 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
大学生简历自我评价2015
2015/03/03 职场文书
发票退票证明
2015/06/24 职场文书
python基础之匿名函数详解
2021/04/21 Python
PyMongo 查询数据的实现
2021/06/28 Python
python多线程方法详解
2022/01/18 Python
教你使用RustDesk 搭建一个自己的远程桌面中继服务器
2022/08/14 Servers