react-native:ref props returns null

Question

我试图获得视图的引用，以确定触摸是来自视图还是外部

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

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

Answer 1

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

如果你正在使用类组件，尝试先在构造函数中创建ref:这一点。sampleDiv = React.createRef();

然后传递给View，

& lt;视图ref = {this.sampleDiv}比;& lt;/视图在

现在你可以使用click这样的事件来访问DOM节点:this.sampleDiv.current

如果你使用的是函数式组件，尝试使用useRef hook