Вложенный React Router не рендерится

Question

У меня есть всплывающий компонент, перекрывающий основной контент, который я хочу визуализировать с помощью маршрутизации, но, поскольку я хочу, чтобы он строился на существующих маршрутах, не портя конфигурацию моей главной страницы, я попытался перейти на вложенный маршрут. Тем не менее, я, кажется, неправильно понял, как это должно быть сделано. Я обернул экспорт «withRouter» и попытался сделать это:

 <Fragment>
     <Helmet>
         <title>Videos - Saddex Productions</title>
     </Helmet>
     <Switch>
         <Route path="/popup"
         render={() => <Popup items={props.videos}/>}
         />
      </Switch>
      ...

Это не работает, а только визуализирует основной компонент. И я также не хочу отдавать на аутсорсинг код, который будет представлен ниже, потому что он кажется ненужным. Однако что мне делать? Заранее спасибо.

Answer 1

Решено: Причина, по которой это не сработало, заключается в том, что я предположил, что маршрутизатор работает как маршрутизатор Express с относительными путями. Я включил базовый путь, например "videos / popup", и теперь он работает, кажется.