如何提供到嵌套在react-bootstrap OverlayTrigger覆盖内的Link组件的路由?

反应:16.11.0 反应路由器:5.1.2 React Bootstrap:0.33.0

我正在使用react-bootstrap中的OverlayTrigger组件,该组件在叠加层内部包含Link组件。单击触发器后,我收到错误消息:

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

如何将路由器传递给此嵌套组件?

我检查了组件,可以看到OverlayTrigger没有被React Router包装。我尝试使用Route渲染组件,但是它没有通过OverlayTrigger组件的overlay属性。

<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>
)
nancy8888521 回答:如何提供到嵌套在react-bootstrap OverlayTrigger覆盖内的Link组件的路由?

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3135455.html

大家都在问