开发者社区> 问答> 正文

#React 如何在DevTools中调试forwardRefs?

#React 如何在DevTools中调试forwardRefs?

展开
收起
因为相信,所以看见。 2020-05-08 11:02:03 329 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    React.forwardRef接受render函数作为参数,DevTools使用此函数来确定要为ref转发组件显示的内容。例如,如果您不命名渲染函数或不使用displayName属性,则它将在DevTools中显示为“ ForwardRef”,

    const WrappedComponent = React.forwardRef((props, ref) => {
      return <LogProps {...props} forwardedRef={ref} />;
    });
    

    但是,如果您命名渲染函数,则它将显示为“ ForwardRef(myFunction)”

    2020-05-08 11:02:42
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载