码迷,mamicode.com
首页 > 其他好文 > 详细

React中ref的使用

时间:2019-02-28 23:12:39      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:tar   set   color   alt   target   执行   class   有一个   stat   

// oneOfType 多选一,接收一个数组。
技术图片

 

可以用e.target获取一个DOM元素。

也可以用ref来获取DOM元素。

ref={ (input) => {this.input = input} }

 

this.input 指向的是=右边的input ->参数 (input) ->input DOM元素。

技术图片

e.targe可以用this.input去代替。

技术图片

 

不建议使用ref.

例如获取ul的长度:

技术图片

 

技术图片

ul有一个元素时,但是长度确是0.  因为setState方法是一个异步函数,有的时候不会立即去执行。

技术图片

 

将代码放到setState的第二个参数回调函数中执行就不会出错了。

技术图片

 

 

 

0

React中ref的使用

标签:tar   set   color   alt   target   执行   class   有一个   stat   

原文地址:https://www.cnblogs.com/c-x-m/p/10453554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!