React的ref

117 阅读1分钟

ref的写法在17.0.2的版本中有三种

一、在react中ref string的写法已经在react的新版本中已经被官方不建议使用: 官方原话:

image.png

写法是:(注意该写法在17.0.2中还是可以使用的后续的请看官方文档更新)

image.png

在这里可以发现eslint检测错误了‘这时你要在.eslintrc.js文件中加上'react/no-string-refs': 0’这句代码然后就会避过检测

image.png(这时可以看到报错已经消失了)

二、回调函数式的写法

(1)内联式的写法
       

image.png (2)使用实例上的方法

image.png

image.png

三、调用React里面的createRef来创建ref

image.png

image.png 注意:当使用React里面的createRef来创建ref时,记住一个React.createRef只能创建一个ref