react中的路由----默认路由

问题：现在的路由都是点击导航菜单后展示的，如何在进入页面的时候就展示呢？

默认路由：表示进入页面时就会匹配的路由

默认路由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"));