在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ react-router4, “/”的子路由“/test”渲染不出來，未匹配路由

react-router4, “/”的子路由“/test”渲染不出來，未匹配路由，幫忙看下

貼相關(guān)代碼:

i.app.jsx

render(){
    return (
     <HashRouter history={hashHistory}>
                <Switch>
                <Route path="/" exact component={Home}></Route>
                <Route path="/info" exact component={Info}></Route>
                </Switch>
    </HashRouter>
    )
}

2.home.jsx

import Test from "@/test.jsx";

handleClick = () => {
    this.props.history.push(`/test`);
};
render(){
    return (
        <button onClick={this.handleClick.bind(this)}>測試嵌套路由</button >
        <Route path=`/test` component={Test} />
    )
}

3.test.jsx

render(){
    return (
        <div>子路由測試頁</div>
    )
}

export default withRouter(Test);

問題描述: 打開http://localhost:3000/#/ 的時候，沒有問題，當(dāng)我點擊按鈕測試子路由的時候，路由為http://localhost:3000/#/test 但是并沒有渲染，沒有匹配到，請問是怎么回事，網(wǎng)上的方法都試了,withRouter history之類，并不能解決。
但是info嵌套路由相關(guān)就可以，‘/’是不能有子路由嗎?

回答
編輯回答
荒城
<Route path="/test" exact component={Test}></Route>

emmm 好像是這樣的

你要把他放在總路由下

<HashRouter history={hashHistory}>
                <Switch>
                <Route path="/" exact component={Home}></Route>
                <Route path="/info" exact component={Info}></Route>
                <Route path="/test" exact component={Test}></Route>
                </Switch>
 </HashRouter>
2018年9月15日 08:37