refs在react- Native -modalbox中的问题[ React Native 0.61]

Question

最新版本的React Native已经改变了如何在这个包中使用refs。

有关它现在的工作原理，请参阅下面的答案。

Answer 1

您可能在最新版本的react-native中遇到错误，询问您是否打算对此模块使用React.forwardRef()

修复方法是利用反应本机挂钩。

导入UseRef挂钩

import React, {useRef} from 'react';

用它创建一个变量

const modal3 = useRef();

在模态属性中，引用ref属性中的变量modal3

<Modal
ref={modal3}>
...
</Modal>

使用open()方法打开您的模式，如下所示：

<Button
title="Open Modal"
onPress={() => modal3.current.open()}
 /> 

瞧!！。它起作用了