Как в роуте если задан один путь url, добавлять к нему дополнительный путь?

Question

[Марат Иванов]

Суть, есть <Route path="/first" component={first} /> , как сделать чтоб при переходе на /first , автоматом добавлялось /item1, то есть общий путь автоматически становился /first/item1? Все варианты интересны.
Спасибо!

Comments

[Роман Александрович]

ну вы же для перехода пишете или ? что вам мешает руками дописать прямо в href???

[Петр Мухуров]

компонент first

<Route path="/first/:item" render={() => ...} />
<Route render={() => <Redirect to={`${match.url}/item1`} />} />

Answer 1

[Сергей Сунцев]

Есть несколько вариантов, но как я вижу, лучше всего правильно продумать архитектуру.
У вас при переходе в /first наверняка открывается какой то контейнер, в котором находятся другие роуты (/first/item1, /first/item2 e.t.c.)
Автоматический редирект можно сделать в компоненте First, там где вы описываете вложенные роуты

<Switch>
     <Redirect
            from={"/first"}
            exact
            to={"/first/item1"}
            render={() => <Item {...props}/>}
      />
      <Route
            path={"/first/item1"}
            render={() => <Item {...props}/>}
      />
     <Route
            path={ '/first/item2'}
            render={() => <List {...props}/>}
     />
</Switch>