react使用4.X路由,如何写出底部导航栏

大型的网站写的移动端项目都会有底部的导航,比如,京东

学会写导航真的还是挺重要的!今天就来使用react的路由来实现下面的底部导航

我实现的效果是这样的:

 

 

说在前面:

  1. 路由安装可以参考链接:https://reacttraining.com/react-router/web/guides/quick-start
  2. 实现路由注册都可以在以上的连接中查到

一、创建一个js文件routeList.js,用来存放route的配置项:

// 引入路由对应的模块
import Home from "../pages/Home"
import Login from "../pages/Login"
import Col 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值