In one of my classes, there's a method that I need to call. Specifically, the
() => this.props.navigation.navigate('Detail')HomeScreen.js
class HomeScreen extends Component {
state = { }
render() {
return(
<Root>
<List>
<FeedCard />
<FeedCard doThis={() => this.props.navigation.navigate('Detail')} />
<FeedCard />
<FeedCard />
<FeedCard />
<FeedCard />
<FeedCard />
</List>
</Root>
)
}
};
Can functions be passed in React Native just like how I did with doThis()?
FeedCard.js
function FeedCard({doThis}) {
return (
<Root>
<TouchableOpacity onPress={doThis}>
<FeedCardHeader />
<CardContainer>
<CardContentText>
{text}
</CardContentText>
</CardContainer>
<FeedCardBottom />
</TouchableOpacity>
</Root>
)
};
When I directly added the function to the onPress() in the <TouchableOpacity> component, it gave me the error
TypeError: undefined is not an object (evaluating '_this.props')onPress() within a <Button> on the same page as the HomeScreen, it worked perfectly.