先上图:
标题:通过路由来实现简单的tab切换
import React from 'react';
import logo from './logo.svg';
import './App.css';
import {
BrowserRouter as Router,
Switch,
Route,
Link,
Redirect
} from 'react-router-dom'
function App() {
let tabHead=[
{
link:'/page1',
name:'页面1'
},
{
link:'/page2',
name:'页面2'
},
{
link:'/page3',
name:'页面3'
}
]
let routes=[
{
path:'/page1',
component:Page1
},
{
path:'/page2',
component:Page2
},
{
path:'/page3',
component:Page3
}
]