反应: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>
)