使用组件类反应导航抽屉v5x useNavigation()
提问于 2020-02-18 05:55:20
我曾多次尝试在组件类中使用useNavigation()进行导航。但是我不能，因为根据错误，我应该在body函数中使用这个方法。我在render()方法中尝试过。这也不是很有用。如果有人知道，你能帮帮我吗？
import { useNavigation } from '@react-navigation/native';
export default class MenuDrawer extends React.Component{
render(){
const navigation = useNavigation();
return(
<View>
<Button onPress={()=>{navigation.navigate('detail')}} />
</View>
);
}
}
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-18 06:55:22
根据文档here，您可以将组件包装在函数中以使用它
import { useNavigation } from '@react-navigation/native';
export default yourFunction(props) {
const navigation = useNavigation();
return <MenuDrawer navigation={navigation} />;
}您的新MenuDrawer
export default class MenuDrawer extends React.Component {
render(){
const { navigation } = this.props;
return(
<View>
<Button onPress={()=>{navigation.navigate('detail')}} />
</View>
);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60274570
复制
腾讯云开发者
