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>
    }
}

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

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

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