从forwardRef中提取ref(createRef与useRef相比)反应本地

时间:2020-03-17 12:52:41

标签: javascript reactjs react-native react-hooks

我想要我们react-native-share来共享图像(使用ViewShot)(在我的应用中),这并不重要。

当我使用useRef获取要共享的视图的ref时,我已经成功使用了一段时间。在打印current.props.children时,我看到:

<ShareQRImage prop1="..." />}

这是我想要的视图,并且效果很好。

现在我不能使用useRef,因为我不在功能组件中。我要导出裁判。我正在为图像使用createRef。我得到了参考,但是当打印current.props.children时,我得到了:

<ForwardRef(Image) source={172} />

我现在想得到的是

<Image source={172} />

如何从forwardRef中获取此信息?

1 个答案:

答案 0 :(得分:0)

forwardRef是您的主要观点! 来自reactjs.org的此代码段可能会帮助您:

const FancyButton = React.forwardRef((props, ref) => (
  <button ref={ref} className="FancyButton">
    {props.children}
  </button>
));

// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<FancyButton ref={ref}>Click me!</FancyButton>;