当前位置:首页 > 日记 > 正文

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

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

为了获取真实的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节点实例(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

在Word2007公式中如何添加大型运算

在Word2007公式中如何添加大型运算

运算符,公式,电脑软件,  借助Word2007提供的插入公式结构功能,用户可以在Word2001文档中添加求和、乘积和副积、并集和交集等大型运算符。以下是小编为您带来的关于在Word2007公式中添加大型运算符,希望对您有所帮助。在Word2007公式中添加…

Ajax异步获取html数据中包含js方法

Ajax异步获取html数据中包含js方法

方法,数据,无效,异步,解决方法,页面上使用js写了一个获取后台数据的方法function data() { var tab = $("#dic") $.ajax({ url: '../demo.ashx?method=GetList', data: {}, dataType: 'json', type: 'pos…

excel2010 打印预览不显示的解决方

excel2010 打印预览不显示的解决方

显示,解决方法,电脑软件,strong,  在Excel中录入完数据以后进行打印前都会先预览打印效果,可是有些时候却不能正常显示。下面是由小编分享的excel2010 打印预览不显示的解决方法,希望对你有用。excel2010 打印预览不显示的解决方法预览不显…

word2010中怎么输入根号word2010中

word2010中怎么输入根号word2010中

输入,方法,步骤,根号,电脑软件,  今天有人问了一个问题,说是在word中使用域输入二分之三次根号下二,经过琢磨和研究,终于解决了问题,那么下面就由小编给大家分享下word2010中输入根号的技巧,希望能帮助到您。word2010中输入根号的步骤步骤一:虽…

Word 2016中怎样设置文档自动恢复

Word 2016中怎样设置文档自动恢复

设置,恢复,文档,方法,功能,  编辑文档时,如果突然发生了停电、电脑死锁或程序停止响应,导致你文档没有保存。那么能够巧妙利用自动恢复功能,就能避免这些事情发生。以下是小编为您带来的关于Word 2016中设置文档自动恢复功能的方法,希望对您…

Excel2013怎么在表格中任意划线Exc

Excel2013怎么在表格中任意划线Exc

方法,步骤,表格,电脑软件,strong,  工作中常遇到需要在表格中对某些部分任意标出,达到如用笔在纸质表格上表明一样的效果。利用插入形状,能够实现。具体怎么做呢?下面小编来告诉你Excel2013在表格中任意划线的方法吧。希望对你有帮助!Excel 2…

在PPT2007演示文稿中怎么插入小视

在PPT2007演示文稿中怎么插入小视

小视频,演示文稿,电脑软件,  在ppt中插入一个视频,能够使得整个幻灯片看起来内容更加的充实,大家想一下在一个图文并茂的课件中,如果再加上一段视频的点缀,那整个幻灯片看起来会更加的锦上添花。以下是小编为您带来的关于PPT2007中插入小视频…

excel怎么制作库存表excel制作库存

excel怎么制作库存表excel制作库存

库存,步骤,方法,教程,电脑软件,用excel作库存表,可实现自动分类汇总,非常方便。那么下面小编来教你具体怎么做制作库存表吧。希望对你有帮助!  excel制作库存表的步骤先在同一工作簿中作: 库存汇总、入库、出库 三个表格。excel制作库存表的…

word2010怎样使用邮件合并功能

word2010怎样使用邮件合并功能

合并,邮件,步骤,方法,功能,  计算机二级办公软件考试中会遇到使用邮件合并功能进行操作,你知道怎么操作吗?如果不知道,那就跟着小编一起试试吧!word2010使用邮件合并功能的方法步骤word2010使用邮件合并功能步骤1:在桌面新建一个xlsx的excel…

excel中交换两行数据的方法

excel中交换两行数据的方法

方法,数据,两行,电脑软件,excel,  Excel中两行数据该如何交换呢?下面是小编带来的关于excel中交换两行数据的方法,希望阅读过后对你有所启发!excel中交换两行数据的方法:  交换两行数据步骤1:打开excel表格,交换两行数据步骤2:选中要换的行…

js实现360度旋转

js实现360度旋转

电脑软件,js,大致介绍这次是一个简单的效果,就是思路的问题效果:思路旋转的效果就是根据鼠标的的移动距离来显示不同的图片,形成视觉差,仿佛就是在正真的旋转由于效果是根据鼠标的移动距离来操作的,即移动的像素值。如果按照默认的情况,移动鼠标…

js实现鼠标跟随运动效果

js实现鼠标跟随运动效果

鼠标,运动,效果,电脑软件,js,鼠标跟随运动效果展示1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span2、给span标签添加字段3、设置基本的样式1、cursorPlay的宽度 992px,高度600px2、cursorPlay li背景为白色,内边距为…