react三种定义ref的方式

在react中要想获取节点,得借助ref来实现,
第一种直接定义字符串

	<input
	type="text"
	placeholder="失去焦点提示数据"
	ref="input2"
	onBlur={this.demo1}
	/>				
	//然后在实例上的refs里面调用
		demo1 = () => {//操作节点
					console.log(this.refs.input2.value)
				}		

第二种使用回调函数

  <input
	type="text"
	onKeyDown={this.demo}
	ref={currentNode => {// 使用回调函数,在实例上让input为该节点
	this.input = currentNode//注意当页面更新的适合该回调函数执行两次                                
	}}    />
	
							

第三种定义容器来接收节点

 myRef = React.createRef()//该容器只接受一个节点,返回一个对象
 <h1 ref={this.myRef}>Hello World</h1>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值