react中的ref的3种⽅式
react面试题ref概念2020-03-31
3
react中ref的3种绑定⽅式
⽅式1: string类型绑定
类似于vue中的ref绑定⽅式，可以通过fs.绑定的ref的名字获取到节点dom
注意的是这种⽅式已经不被最新版的react推荐使⽤，有可能会在未来版本中遗弃
⽅式2: react.CreateRef()
通过在class中使⽤ateRef()⽅法创建⼀些变量，可以将这些变量绑定到标签的ref中
那么该变量的current则指向绑定的标签dom
⽅式3: 函数形式
在class中声明函数，在函数中绑定ref
使⽤这种⽅法可以将⼦组件暴露给⽗组件以使得⽗组件能够调⽤⼦组件的⽅法
通过函数的⽅法绑定ref可以将整个⼦组件暴露给⽗组件
注意: react并不推荐过度使⽤ref，如果能通过state做到的事情，就不应该使⽤ refs 在你的 app 中“让事情发⽣”。过度使⽤ref并不符合数据驱动的思想

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。