Ken428965 2022-09-20 01:27 采纳率: 53.4%
浏览 36
已结题

react,顶部导航栏,点击图标后返回上一个页面没反应?

使用ant mobile组件NavBar导航栏,已写的顶部导航栏代码如下:

import React from 'react';
import { NavBar, Toast } from 'antd-mobile';
import './style.css';
    // const back = () => Toast.show({
    //     content: '首页',
    //     duration: 1000,
    // });
export default class CityList extends React.Component {
    render() {
        return <div>
        <NavBar onClick={()=>this.props.navigation.goBack(-1)}>城市选择</NavBar>
        </div>
    }
}

希望实现如下效果:点击下图里的左边箭头即可返回上一页

img

目前点击左边箭头没有任何反应,请问代码哪里出问题了?如何修改?

  • 写回答

1条回答 默认 最新

  • Baker-Chen 全栈领域优质创作者 2022-09-20 08:57
    关注

    NavBar的点击事件改为onBack={() => window.history.back()}

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月20日
  • 已采纳回答 9月20日
  • 创建了问题 9月20日

悬赏问题

  • ¥15 我需要全国每个城市的最新小区名字等数据。
  • ¥15 开发一个小区生态的小程序
  • ¥15 MddBootstrapInitialize2失败
  • ¥15 LCD Flicker
  • ¥15 Spring MVC项目,访问不到相应的控制器方法
  • ¥15 esp32在micropython环境下使用ssl/tls连接mqtt服务器出现以下报错Connected on 192.168.154.223发生意外错误: 5无法连接到 MQTT 代理,如何解决?
  • ¥15 关于#genesiscsheel#的问题,如何解决?
  • ¥15 Android aidl for hal
  • ¥15 STM32CubeIDE下载程序报错
  • ¥15 微信好友如何转变为会员系统?(相关搜索:小程序)