当前位置: 代码迷 >> JavaScript >> 在React Native中使用ref调用child中的函数
  详细解决方案

在React Native中使用ref调用child中的函数

热度:27   发布时间:2023-06-03 17:47:57.0

我对React Native很陌生,来自React和其他前端技术。 我的子组件中有这个toggle方法,我想从父母那里调用。 我尝试使用的是引用。 我通过React熟悉了它,但是使用以下代码却无法正常工作:

gameRef = createRef();

toggleGameMenu = () => {
    this.gameRef.toggle();
}

...

<Sheet title="How would you like to play" ref={this.gameRef} />

这将返回类似this.gameRef.toggle isn't a function 我很确定该方法确实存在于我的子组件中。 因此,我在react native中搜索引用,并且碰到了 。 我以为这是有帮助的,但是我不确定是否可以从父母那里给我的孩子调用该方法? 我看到了setNativeProps的内容,但是据我了解,这是关于属性/值而不是调用方法的。 有人对如何解决这个问题有想法吗?

删除createRef()

改用这个

<Sheet title="How would you like to play" ref={ instance => this.gameRef = instance } />

并确保在安装组件后使用this.gameRef.toggle() 在此之前,它将引发错误。

  相关解决方案