react+antd mobile实现 H5底部tab页面

1.引入底部tab页所需组件

react+antd mobile实现 H5底部tab页面_第1张图片

第二步 创建tabs负责放入底部的页面路由

react+antd mobile实现 H5底部tab页面_第2张图片 

 第三步在return里面对tab进行配置以及引用所需的页面组件内

react+antd mobile实现 H5底部tab页面_第3张图片

其中 activekey 是切换tab的key值当他切换等于对应的路由是就展示对应的页面。 

你可能感兴趣的:(React,react.js,javascript,前端)