怎样使用React Ref属性
在我们平时使用React的时候,对于React中的Ref的属性,相信大家使用的频率是很低的。说实话,真正了解React Ref属性的人少之又少,我都不确定自己是否真正的了解了所有的内容,毕竟它不是一个经常能够被人使用的属性,而且在过去一段时间,它本身的API在不断修改。那么在本教程中,我将尽可能的向大家介绍React中的Ref
1 Why React Hook ?
这些内容相信已经被大家写烂了,毕竟好处多大家才会使用,这里简单总结三点
- 逻辑更易复用
- 清爽的代码风格
- 易拓展的组件
2 How to use React Refs
过去,在class component中,React Ref经常与DOM保持紧密关联,但是自从出现了React Hook以后,Ref的使用也不再变得只是与Dom相关的Api,而是可以表示对任何内容的引用(DOM节点,JavaScript值等)
那么接下来,我们先看看不带DOM的Ref,然后我们再结合DOM了解其如何使用
2.1 除去Dom元素看Ref
首先看以下栗子