Как в React Router адекватно решить мою проблему?

Question

[Daniil]

Добрый вечер.
Проблема в следующем:
Возьмем за основу Твиттер.
У нас есть роут и редирект в App.js, которые служат отправной точкой в нашем роутинге. Внутри компонента Profile происходит все то, что у обычного пользователя в Твитере. В плане линков тех же. И вот подкрадывается вопрос,



Если мы нажмем, то перейдем по линку twitter.com/username
А значит, наш вариант с редиректом и не будет работать.
Как мне правильно сделать так, чтобы при выборе пользователя и переходе в его профиль, компонент Profile продолжал отображаться, но уже с урлом нового пользователя?
Помогите пожалуйста!

<BrowserRouter>
      <React.Fragment>
        <Nav />
        <Switch>
          <Route path="/EveryInteract" component={Profile} />
          <Redirect exact from="/" to="/EveryInteract" />
        </Switch>
      </React.Fragment>
    </BrowserRouter>

Answer 1

[Антон Спирин]

Примерно так:

<Switch>
  <Route path="/:user_slug" component={Profile} />
  {me && <Redirect exact from="/" to={'/' + me.slug} />}
</Switch>

me - это ваш авторизованный пользователь. Если пользователь авторизован, то me существует и с корневого пути выполняется редирект на его страницу.