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 html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
jquery easyUI中ajax异步校验用户名
Aug 19 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
Vue路由模块化配置的完整步骤
Aug 14 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 Javascript
Taro小程序自定义顶部导航栏功能的实现
Dec 17 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
用PHP调用数据库的存贮过程!
2006/10/09 PHP
php URL验证正则表达式
2011/07/19 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
javascript 保存文件到本地实现方法
2012/11/29 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
图标线性回归斜着移动到指定的位置
2013/08/16 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
js实现仿阿里巴巴城市选择框效果实例
2015/06/24 Javascript
跟我学习javascript的基本类型和引用类型
2015/11/16 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
Angular的事件和表单详解
2016/12/26 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
vue-router相关基础知识及工作原理
2018/03/16 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
使用JS来动态操作css的几种方法
2019/12/18 Javascript
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
python的常见命令注入威胁
2013/02/18 Python
Python ZipFile模块详解
2013/11/01 Python
zbar解码二维码和条形码示例
2014/02/07 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
Python开发的实用计算器完整实例
2017/05/10 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
python为什么要安装到c盘
2020/07/20 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
汽车专业学生自我评价
2014/01/19 职场文书
小学防溺水制度
2014/01/29 职场文书
责任书范本
2014/08/25 职场文书
2015年毕业生自我鉴定模板
2014/09/19 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
在职证明书模板
2015/06/15 职场文书
关于maven依赖 ${xxx.version}报错问题
2022/01/18 Java/Android