想了解create-react-app配置antd-mobile按需加载,以及配置less和vw的可以看上一篇博客 这一篇特别记录antd-mobile的TabBar配合路由的使用 按照antd-mobile给出的文档,可以构建出此UI页面(相信都能做到) 目前的这个是没有加路由的,我想要的是,点击我的,地址栏的URL可以改成http://localhost:3000/my,在网上看了很多,也做出了效果 react-router-dom的版本为5.1.2,做了简单的封装,可以看我之前的一篇写的react路由封装 这个图片是tabbar的一个item,也就是首页,点击的时候呢,改变地址栏,对应的图标也改变,可以看到 selected 和 onPress,这个的具体作用,不细说了 pathname是从this.props.location.patnname里面获得的 因为目前来说用的是最新的react-router-dom版本,网上有些是之前版本的,有些东西有一点改变,这个组件挺重要 跳转二级页面的时候,需要把底部菜单隐藏,这个是配合redux做了一个全局变量 还有一点,因为tabbar是定位在底部的,文档上面展示的页面高度为100%,如果要配合路由的话,需要把高度和定位修改一下,在加个z-index 文笔不好,将就看吧