Dynami c крошка в реакции - при перенаправлении с разных компонентов на одни и те же компоненты крошки должны отличаться - PullRequest
Новая
       29

Dynami c крошка в реакции - при перенаправлении с разных компонентов на одни и те же компоненты крошки должны отличаться

0 голосов
/ 13 февраля 2020

Я перенаправляю на компонент, т. Е. CreateR.jsx из двух разных компонентов (Dashboard и View).

То, что я хочу, это когда мой createR.jsx рендерится, то крошка на этом компоненте будет отличаться в зависимости от предыдущий маршрут, с которого посещают этот createR.jsx.

createR.jsx 

export const NewRequest = withRouter((props: IProps & RouteComponentProps) => {
return (
        <div>
            {
             const breadcrumbs = [{
            navigate: '/dashboard', state: true, title:'Dashboard',
        },{
            navigate: '/request', state: true, title:'Requests',
        }];
          <TopBarComponent breadcrumbs={breadcrumbs} />
            }
            <div>
               Main content
            </div>
        </div>
    )
})

У меня есть еще 2 компонента, на которых у меня есть общий компонент кнопки, перенаправляющий на компонент createR.jsx.

Dashboard.jsx 

<ButtonComponent onclick={rediectTo('createR.jsx')}>

View.jsx 

<ButtonComponent onclick={rediectTo('createR.jsx')}>

ТАК, когда я посещаю createR.jsx, мне нужно показать хлебные крошки, как показано ниже -

При перенаправлении из Dashboard.jsx - 'Dashboard / create 'при перенаправлении из View.jsx -' Панель инструментов / просмотр / создание '

...