如何从子进程中调用父函数

时间:2018-05-04 17:47:18

标签: function react-native

我是新来的本地人。我试图从子类中的父级调用函数。例如:我正在创建一个具有按钮的应用程序,当您按下它时,它会将您带到另一个页面。在另一页上有一个按钮可以返回到主应用程序。

在这里输入代码

handlersocket

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

在父组件中,您需要渲染子组件:

render() {
    if (this.state.showForm) return <Test />
    return (
        <View style={styles.container}>
        <Text style={styles.paragraph}>
            Change code in the editor and watch it change on your phone!
            Save to get a shareable url.
        </Text>
        <Button onPress={this.toggleForm} title='test'/>
         ** <Child click={this.doSomething}/> **
        </View>
    );
}

在您的孩子组件中:

export class Child extends Component {
constructor(props) {    
    super(props);

    handleReturn = () => {
        this.props.toggleForm()
    }

    render() {
        return (
            <View style={{padding: 150}}>
                <Text> Hello World</Text>
               ** <Button onPress={this.props.click} title='return'/> **
            </View>
        )
    }
}

}