问题:现在的路由都是点击导航菜单后展示的,如何在进入页面的时候就展示呢?
默认路由:表示进入页面时就会匹配的路由
默认路由path为:/
关键性的语法:
<Route path="/" component={DefaultRoute} ></Route>
import React from "react";
import ReactDOM from "react-dom";
import {
BrowserRouter as Router, Route, Link } from "react-router-dom";
// 默认路由
function DefaultRoute () {
return (<div>hello world</div>)
}
const App = () => (
<Router>
<div>
<h1>默认路由:</h1>
<Route path="/" component={
DefaultRoute} ></Route>
</div>
</Router>
)
ReactDOM.render(<App />, document.getElementById("root"));