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

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()}
/> 

瞧！！。它有效