react-router-dom 混合化路由

• HashRouter 这个标签只能有一个子元素。

import React from 'react'

import { Select } from 'antd'
import { BrowserRouter, Route, Router, Link, HashRouter, Switch, Redirect } from 'react-router-dom';
import homepage from './homepage'
import qingpage from './qing.js'



function Son() {

    return (
        // 混合化路由: 同一个js文件里面既有标签，又有路由
        <HashRouter>
            <div>
                <ul>
                    <li> <Link to="/homepage" > 首页 </Link> <Link to="/qing" > 新闻列表 </Link> </li>
                </ul>
                {/* to 和path 注意不能有空格 */}
                <Route path='/homepage' component={homepage} ></Route>
                <Route path='/qing' component={qingpage} ></Route>
            </div>
        </HashRouter>
    )
}
export default Son;