Как я могу предоставить маршрут к компоненту Link, вложенному в оверлей OverlayTrigger реагирующих при начальной загрузке? - PullRequest
Новая
       45

Как я могу предоставить маршрут к компоненту Link, вложенному в оверлей OverlayTrigger реагирующих при начальной загрузке?

0 голосов
/ 08 ноября 2019

React: 16.11.0 React Router: 5.1.2 React Bootstrap: 0.33.0

Я использую компонент OverlayTrigger из response-bootstrap, который содержит компоненты Link внутри оверлея. Как только я нажимаю на триггер, я получаю сообщение об ошибке: 

You should not use <Link> outside a <Router> at invariant

Как мне передать маршрутизатор этому вложенному компоненту?

Я проверил компоненты и вижу, чтоOverlayTrigger не упакован в React Router. Я пытался использовать Route для рендеринга компонентов, но он не проходит через атрибут overlay компонента OverlayTrigger. 

<OverlayTrigger trigger="click" placement="bottom" overlay={overlay
} rootClose>
</OverlayTrigger>

const overlay = (
  <Popover id="cart-customize-menu" title="Select an item to customize">
    <div className="static-links">
      <Link to={`/${slug}`}>
        <i className="fa fa-calendar Mr-9"></i>
        New Meal Plan
      </Link>
    </div>
  </Popover>
)
...