Как отрисовывать компонент в зависимости от адресной строки?

Question

[Swaer]

Есть 3 компонента, 2 статичные, а 3ий меняется в зависимости от адресной строки, как это сделать?/blabla12%22blabla3/ вот такой путь на пример и 3ий компонент при изменении адресной строки берет значение blabla12 и blabla3, как это осуществить?И ещё, как надо будет менять адрес строки из статичных компонентов?С помощью просто Link и всё?
Например, в 1ом компоненте кнопки, они меняют адресную строку и из-за этого 3ий компонент перерисовывается, в нем товары и они сортируются с помощью значений из адресной строки

Answer 1

[McBernar]

Реакт роутер.
Через switch рендерите компоненты по урлу.

Comments

[Swaer]

В смысле, что рендерить компоненты в зависимости от пути?мне надо чтобы один компонент, например с товарами, рендерился в зависимости от адресной строки, он брал значения из адресной строки и рендерил товары в зависимости от значений этих

[hellcaster]

Swaer,

<Switch>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/">
            <Home/>
          </Route>
          <Route> // Остальные случаи, включая /blabla12%22blabla3/
            <Item/>
          </Route>
        </Switch>

А уже в компоненте Item парсите url и делаете то, что вам нужно

[McBernar]

А еще можно класть роуты вне свича и они будут отображаться всегда.

Роутер умеет в параметры. Хватит лениться, откройте туториал.

Answer 2

[Robur]

https://reacttraining.com/react-router/web/example...