Реагировать роутер с сухарями - PullRequest
Новая
       19

Реагировать роутер с сухарями

0 голосов
/ 31 августа 2018

Я использую эту библиотеку для панировочных сухарей здесь . В настоящее время конфигурация маршрута выглядит следующим образом: 

const rootRoute = {
path: __BASENAME__,
component: Base,
childRoutes: [
{
  component: Home,
  childRoutes: [
    {
      path: 'main',
      component: MainDashboard,

    },{
      path: 'sc',
      component: Second,

    }


  ]
 }
]
}

Я хочу, чтобы хлебная крошка выглядела так: Main Dashboard > Second. Как я могу это сделать? У меня также есть компонент кнопки на странице main с кодом следующим образом: 

function navigate(props, param) {
    if (param)

        props.router.push({ pathname: "/" + param, state: { screen: param } });
}

У меня есть этот код на главной странице, где base_path='/main':

<BreadcrumbsItem to={base_path}>Dashboard</BreadcrumbsItem>

и это на Втором компоненте: <BreadcrumbsItem to={base_path+'/sc'}>Second</BreadcrumbsItem>

app.jsx 

render(
  <Provider store={store}>
    <BreadcrumbsProvider>
      <Router history={browserHistory} routes={routes} />
    </BreadcrumbsProvider>  
  </Provider>,
  document.getElementById('dashboard-app')
)

Как мне убедиться, что панировочные сухари отображаются в таком порядке?

...