获取DOM的真实节点
<script type="text/babel">
  	var Myelement=React.createClass({
  		 handleClick:function(){
  		 	  this.refs.myInput.focus();  this.refs.[refname]获取真实的节点 只有真实的DOM发生click事件之后 才会发生this.refs.myInput
  		 },
  		 render:function(){
  		 	 return (
  		 	 <div>
  		 	 	  <input type="text" ref="myInput" />
  		 	    <input type="button" value="focus" onclick={this.handleClick} /> 
  		 	 </div> 	  
  		 	 );
  		 }
  	});
ReactDOM.render(
  	 <Myelement/>,
  	  document.getElementById('example')
  	);
</script>
Myelement组件是封装起来,具有获取真实DOM节点功能的组件
获取DOM的真实节点的更多相关文章
- ionic2 获取dom节点
		
ionic2页面上面获取dom节点,可以直接用原生的方法,document.querySelector()等, 但是不建议这样使用,建议使用官方的.就是要在获取的节点上加上#name的属性(相当于ge ...
 - vue的数据双向绑定和ref获取dom节点
		
vue是一个MVVM的框架 业务逻辑代码即js部分是model部分, html是view部分. 当model改变的时候,view也会改变 view 改变是,model也会改变 <template ...
 - 原生JS获取DOM 节点到浏览器顶部的距离或者左侧的距离
		
关于js获取dom 节点到浏览器顶/左部的距离,Jquery里面有封装好的offset().top/offset().left,只到父级的顶/左部距离position().top/position() ...
 - Vue 双向数据绑定、事件介绍以及ref获取dom节点
		
vue是一个MVVM的框架 M model V view MVVM model改变会影响视图view,view改变会影响model 双向数据绑定必须在表单里面使用 //我发现在谷歌浏览器翻译后的网页 ...
 - Omi框架学习之旅 - 获取DOM节点 及原理说明
		
虽然绝大部分情况下,开发者不需要去查找获取DOM,但是还是有需要获取DOM的场景,所以Omi提供了方便获取DOM节点的方式. 这是官网的话,但是我一直都需要获取dom,对dom操作,所以omi提供的获 ...
 - React对比Vue(03 事件的对比,传递参数对比,事件对象,ref获取DOM节点,表单事件,键盘事件,约束非约束组件等)
		
import React from 'react'; class Baby extends React.Component { constructor (props) { super(props) t ...
 - Dom 获取、Dom动态创建节点
		
一.Dom获取 1.全称:Document Object Model 文档对象模型 2.我们常用的节点类型 元素(标签)节点.文本节点.属性节点(也就是标签里的属性). 3.docum ...
 - React 事件对象、键盘事件、表单事件、ref获取dom节点、react实现类似Vue双向数据绑定
		
1.案例实现代码 import React, { Component } from 'react'; /** * 事件对象.键盘事件.表单事件.ref获取dom节点.react实现类似Vue双向数据绑 ...
 - 六、React 键盘事件 表单事件 事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定
		
接:https://www.cnblogs.com/chenxi188/p/11782349.html 事件对象 .键盘事件. 表单事件 .ref获取dom节点.React实现类似vue双向数据绑定 ...
 
随机推荐
- jQuery事件绑定的最佳实践
			
如果你经常使用jQuery,那么你也许很熟悉事件绑定.这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理. 更好的选择器策略 让我们从基础的例子开始.下面的 ...
 - mysql 不支持innodb的问题解决
			
在新的机器上安装了mysql后,发现里面新创建的数据表的存储引擎都是myisam,于是 执行下面语句,把mysiam改为innodb. alter table tbl_test engine=inno ...
 - SQL Server数据库PIVOT函数的使用详解(一)
			
http://database.51cto.com/art/201108/285250.htm SQL Server数据库中,PIVOT在帮助中这样描述滴:可以使用 PIVOT 和UNPIVOT 关系 ...
 - centos 5.4 安装nodejs + npm(转)
			
而在安装nodejs的时候,需要用到,所以需要手动安装bz2库. sudo yum install -y bzip2* cd Python-/Modules/zlib ./configure make ...
 - WPF柱状图(支持数据库动态更新)
			
之前我们讲到wpf组件基类以及组件开发,现在我们围绕之前的内容去开发一个组件. 效果图请加群查看,在群共享里面. 做出这个呢 是比较繁琐的. 首先要使用我们的基类 继承基类的模板自动生成如下几个文件 ...
 - RxAndroid结合Retrofit,看看谁才是最佳拍档!
			
这篇博文酝酿好久了,今天终于下定决心开始写!RxAndroid和Retrofit都算是当下非常流行的Android开发框架,这两个框架光是单独使用就已经爽歪歪了,那么将RxAndroid和Retrof ...
 - 什么是aop?
			
这个命题其实是讲了的,但是之前没有做,发现一些面试会问到,结合自己之前的学习经历.简单把这个问题描述一下. aop是跟oop相对应的一个概念.分别是aspect oriented programmin ...
 - struts----通配符设置
			
本次学习的内容是struts通配符配置: 具体内容为: 一.准备工作 1.新建Web工程 2.添加struts:右键点击工程名选择My Eclipse-->点击add struts..--> ...
 - Java联网技术之一TCP
			
最近突然对java网络编程编程这一块非常感兴趣,于是找了很多资料,一点点的尝试,下面是自己的一点小见解,不喜勿喷,欢迎指正. 首先说说客户端和服务器端吧, 如果是网页的话,客户端通过网页的链接对服务器 ...
 - 利用Merge生成或更新新记录
			
-- ============================================= -- Author: <华仔> -- Create date: <2016,6,7& ...