реагировать роутер не рендерит вид но URL меняется

Question

У меня есть две вкладки: Профиль и Друзья и navlink :

<Navlink to={'/dashboard/profile/'  + (tab.url) + '/' + userId}>{tab.name}</Navlink>

где tab = [{"name ":" Profile "," url ": 'timeline'}, {" name ":" Friends "," url ": 'friends'}]

Внутри моего render () мой маршрут определен как

<Route path="/dashboard/profile/:screenId/:userId" component={this.Routing}/>

, где screenId - Временная шкала / Друзья, в зависимости от того, какая вкладка нажата

, а функция маршрутизации -

Routing =({ match })=>{
    userId = match.params.userId;
    switch(match.params.screenId){
        case "timeline": return <Timeline/>;
        case "friends": return <Friends/>
        default : return <NoMatch/>;
    }
}

Так что проблемаКаждый раз, когда выбирается какая-либо вкладка, URL-адрес изменяется, но функция маршрутизации не запускается, в результате чего маршрут не работает.В принципе, что-либо после / dashboard / profile / не работает.

Я также пробовал это делать в моем render ():

<Switch>
  <Route path="/dashboard/profile/timeline/userId" component={Timeline}/>
  <Route path="/dashboard/profile/friends/userId" component={ContactUs}/>
</Switch>

Но тогда это тоже не такработает и проблема остается.Любая помощь будет оценена.