首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用组件类反应导航抽屉v5x useNavigation()

使用组件类反应导航抽屉v5x useNavigation()
EN

Stack Overflow用户
提问于 2020-02-18 13:55:20
回答 1查看 2K关注 0票数 2

我曾多次尝试在组件类中使用useNavigation()进行导航。但是我不能,因为根据错误,我应该在body函数中使用这个方法。我在render()方法中尝试过。这也不是很有用。如果有人知道,你能帮帮我吗?

代码语言:javascript
代码运行次数:0
运行
复制
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>
);

}
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-18 14:55:22

根据文档here,您可以将组件包装在函数中以使用它

代码语言:javascript
代码运行次数:0
运行
复制
import { useNavigation } from '@react-navigation/native';

export default yourFunction(props) {
  const navigation = useNavigation();

  return <MenuDrawer navigation={navigation} />;
}

您的新MenuDrawer

代码语言:javascript
代码运行次数:0
运行
复制
export default class MenuDrawer extends React.Component {
  render(){
    const { navigation } = this.props;
      return(
        <View>
         <Button onPress={()=>{navigation.navigate('detail')}}  />
       </View>
    );
  }
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60274570

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档