ref的写法在17.0.2的版本中有三种
一、在react中ref string的写法已经在react的新版本中已经被官方不建议使用: 官方原话:
写法是:(注意该写法在17.0.2中还是可以使用的后续的请看官方文档更新)
在这里可以发现eslint检测错误了‘这时你要在.eslintrc.js文件中加上'react/no-string-refs': 0’这句代码然后就会避过检测
(这时可以看到报错已经消失了)
二、回调函数式的写法
(1)内联式的写法
(2)使用实例上的方法
三、调用React里面的createRef来创建ref
注意:当使用React里面的createRef来创建ref时,记住一个React.createRef只能创建一个ref