React+TS项目中ref怎么去使用_ts ref

作者：菜鸟追梦旅行 | 2024-02-07 14:27:42

踩

ts ref

TS中的ref不像原始框架一样可以直接使用他需要去引入一下

当然了他的这个意思也是言简易懂创建ref

引入完成之后我们在声明一下

ts中每一个声明的元素都要定义一个泛型后面的<HTMLDivElement>也就是这个定义的ref的泛型了，我写的是小球拖拽所以我给这个元素起名为拖拽球，跟自己实际情况去起名字。

下面就是要获取的元素

这里的意思就是上面声明了一下变量下面使用ref进行接收那个声明的变量。

然后怎么去实际使用呢？

那个current就是这个ref里面的一个属性设置style获取高度之类的都要加上要不就会报错

判断一下是否有这个元素有了就进行操作。

这就是TS中如何去操作ref去获取元素了。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/65976?site