Повторное использование пространства в реагирующем SPA

Question

У меня есть это приложение, которое я создаю в реакции для целей обучения.

Я использую реагирующий маршрутизатор и перехожу к конкретным c страницам не проблема Проблема заключается в повторном использовании пространства, когда я хочу. Например, справа, когда я нажимаю на диаграммы, я хочу, чтобы все содержимое слева go и отображало только компонент с моими диаграммами.

Когда я нажимаю на анализ, я хочу показать компонент анализа в качестве его

Как я могу заменить компонент из раздела страницы без необходимости загружать новую страницу целиком?.

Answer 1

Может быть, вы можете условно визуализировать левую боковую панель и основной контент. Способ сделать это, проверив path от реагирующего маршрутизатора. Если path включает определенную строку - визуализируйте некоторый пользовательский интерфейс, если он не отображает что-то еще.