react 入门 遇到的问题

在Vue开发中,通常会用到ref属性来访问子组件的方法。当使用umi的connect高阶组件时,由于React-Redux的Connect组件会包裹子组件,导致ref无法直接使用。解决方法是使用forwardRef将子组件的ref暴露给父组件,以便正确挂载和访问子组件的方法。
摘要由CSDN通过智能技术生成

今天遇到了一个问题关于ref的因为使用vue较多比较喜欢使用ref在父组件中使用子组件自身的函数

父组件

 

子组件

 

出现了报错

大概知道问题出在了子组件export 的时候,因为我加了代码他就报错了一开始没使用umi 的connect,经过查证知道了问题所在:

 我一开始没有使用forwardRef,直接使用的是我注释的这一行代码出现了问题,经过查证知道原因:

在使用 umi connect 时,被连接的组件会被包装在 React-ReduxConnect 组件中,这个组件可能会覆盖被包装组件上的 ref 属性。因此,您可能无法直接访问被包装组件的 ref 属性。forwardRef就是用来将子组件的ref暴露给组件让父组件的ref属性挂载在子组件上

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值