react-native:ref props 返回 null

【问题标题】：react-native:ref props returns nullreact-native:ref props 返回 null
【发布时间】：2021-07-26 14:13:21
【问题描述】：

我正在尝试获取视图的引用以确定触摸是来自视图还是视图之外

 <View    ref={ref => { console.log("ref is",ref) }}></View>

我指的是https://www.jaygould.co.uk/2019-05-09-detecting-tap-outside-element-react-native/ 但是这个参考总是空的。我做错了什么？如何获取元素的引用？

【问题讨论】：

【解决方案1】：

你使用的是Class组件还是Functional组件？

如果您使用的是类组件，请尝试先在构造函数中创建 ref，如下所示： this.sampleDiv = React.createRef();

然后将其传递给视图，

查看>

现在您可以使用诸如单击之类的事件访问 DOM 节点，方法是： this.sampleDiv.current

如果您使用的是功能组件，请尝试使用 useRef 挂钩

【讨论】：