从forwardRef中提取ref(createRef与useRef相比)|react native

Question

我想让我们对原生共享做出反应，以便共享我的应用程序中的视图图像(使用ViewShot(，这其实并不重要。

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

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

这是我想要的观点，而且效果很好。

现在我不能使用useRef，因为我不在功能组件中。我想导出参考。我正在为图像使用createRef。我得到了参考，但当打印current.props.children时，我得到了：

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

我现在想要的是

<Image source={172} />

如何从forwardRef获得此信息？

Answer 1

forwardRef是视图中的missong部分！这个来自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>;