Question

我是本机新手，我有一个组件A，该组件具有功能注销现在我已经在组件A中包括一个组件B，并且想在onPress上调用组件A的函数注销。 >

class A extends component(){ 

      logout = () =>{ 
                 this.props.dispatch(logoutUser());
        }

        render(){ 
               return ( <View><B /></View>)
        }

}

现在在组件B中

class B extends component(){ 
        render(){ return(<View><MenuItem Onpress={this.logout} /></View>)}
 }

所以我想在单击Menuitem时从组件A调用注销功能。请忽略任何语法，仅用于示例。

谢谢

Answer 1

您只需要通过道具将函数传递给B组件

class A extends component() {

  logout = () => {
    this.props.dispatch(logoutUser());
  }

  render() {
    return (<View ><B logout={this.logout} /></View>)
  }

}

class B extends component() {
  render() { return (<View><MenuItem onPress={() => this.props.logout()} /></View>) }
}

反应本机如何从组件A中包含的另一个组件B调用组件A的功能

1 个答案: