CODEWITHSUNDEEP
react-native
SatelBill
SatelBill

Reputation: 731

How to call parent's function in react native?

How to call the parent's function in the child component? I followed this answer, but it doesn't work for me. How to solve this? React native how to call functions of parent class This is my code.

Parent

<View>
    <HeaderHome onClick={this.openDrawer} />
</View>

openDrawer() {
    alert('I am clicked.')
}

Child component

<TouchableOpacity onPress={this.props.bind(this.props.onClick)} >
    <Image source={url} />
</TouchableOpacity>

Upvotes: 0

Views: 156

Answers (1)

高鵬翔
高鵬翔

Reputation: 2057

Take it a try:

Parent

<View>
    <HeaderHome onClick={this.openDrawer} />
</View>

openDrawer = () => {
    alert('I am clicked.')
}

Children

<TouchableOpacity  onPress={() => { this.props.onClick()}} >
    <Image source={url} />
</TouchableOpacity>

Upvotes: 1

Related Questions