鍍金池/ 問(wèn)答/HTML5  HTML/ react-router4 分路由無(wú)法渲染出組件?

react-router4 分路由無(wú)法渲染出組件?

我有一個(gè)Layout組件,他看起來(lái)像這樣:

render(){
    return(
        <a />
        <b />
        {this.props.children}
    )
}

然后在App.js里, router.js是一個(gè)分路由:

import UserRouter from 'user/router.js'
<Layout>
    <Switch>
        <Route exact path='/' component={Home} />
        <Route path='/user' component={UserRouter} />   
    </Switch>
</Layout>

我的user目錄是這樣的:

user/
    index/
        index.js
    user-admin/
        index.js
    router.js

現(xiàn)在是這樣,如果路徑是/user,渲染UserRouter組件,但是因?yàn)?code>UserRouter是一個(gè)分路由,所以去user/router.js里匹配路徑:

class UserRouter extends Component{
    render(){
        return(
            <Switch>
                <Route path='/user/index' component={UserList} />
                <Redirect exact from='/user' to='/user/index' />
            </Switch>
        )
    }
}

在這路如果路徑是/user直接跳轉(zhuǎn)到/user/index,然后渲染UserList組件.

我試過(guò)之后發(fā)現(xiàn)訪問(wèn)/user路徑時(shí)可以直接跳轉(zhuǎn)到/user/index, 但UserList沒(méi)有加載出來(lái)?這是為什么?

回答
編輯回答
嘟尛嘴

試一試/user/user/index可不可以渲染出userlist組件

2018年7月25日 17:11