React Native:当通过ref访问组件时，如何访问该组件的方法

Question

在我的React Native应用程序中，我有一个组件Form1:

class Form1 extends Component {
function1 = () => {...}
render() {return(...)}
}

在Form1中，我可以通过this.function1()访问function1。我在另一个组件中创建了一个Form1的实例，并将道具var1传递给它，我可以通过this.props.var1在Form1中访问它。

<Form1
ref={ref => {this.form = ref.wrappedInstance}}
var1="hello"
/>

这里，当我在父组件中设置this.form = ref.wrappedInstance时，我可以通过this.form.props.var1访问var1。换句话说，ref.wrappedInstance.props是存在的。但是，我不能以同样的方式访问function1；ref.wrappedInstance.function1不存在。

在这种情况下，我如何访问function1？

Answer 1

Ref必须在普通道具之外转发。看见https://reactjs.org/docs/forwarding-refs.html有关如何转发引用并构建组件以接受该引用的说明