背景:默认情况下ref注册的是当前组件,不会进一步向组件内传递,如果想要对组件内部dom结构进行操作,需要借助refs转发
我这里新加的需求,需要点击复制的时候也弹出新增弹窗
![](https://img.haomeiwen.com/i22517122/438569c3c01585f5.png)
但是由于新增按钮addBtn是btns的子组件,因此无法在祖先组件tableIndex内直接调用新增按钮的弹窗显示函数
![](https://img.haomeiwen.com/i22517122/feac5085a6afb9fa.png)
在导出时使用forwardRef转发下
![](https://img.haomeiwen.com/i22517122/7daad473806b5164.png)
最后直接调用即可
![](https://img.haomeiwen.com/i22517122/cc5bbeeac7f5ce22.png)
背景:默认情况下ref注册的是当前组件,不会进一步向组件内传递,如果想要对组件内部dom结构进行操作,需要借助refs转发
我这里新加的需求,需要点击复制的时候也弹出新增弹窗
但是由于新增按钮addBtn是btns的子组件,因此无法在祖先组件tableIndex内直接调用新增按钮的弹窗显示函数
在导出时使用forwardRef转发下
最后直接调用即可
本文标题:react-refs转发
本文链接:https://www.haomeiwen.com/subject/zcnpvktx.html
网友评论