时间戳

首页 > 解决方案 > react-native:ref props 返回 null

react-native - react-native:ref props 返回 null

问题描述

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

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

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

标签： react-native

解决方案

您使用的是类组件还是功能组件？

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

然后将其传递给视图，

<查看参考={this.sampleDiv}> </查看>

现在您可以使用诸如 click 之类的事件访问 DOM 节点： this.sampleDiv.current

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

推荐阅读