Reactjs 链接不'；t使用React路由器在模态/组件内部正常工作

当我在引导模式中添加链接时，新页面将打开，但它不会在导航栏下或页脚上方打开，并且显示为黑色透明背景（继承自模式组件）

附：导航栏可以完美地打开页面

<HashRouter>
<Navbar />
       <Route exact path="/" component={Option}/>
       <Route path="/finalizar3" render={ (props) => <Checkout1 shoppingCart={this.state.shoppingCart} } />
</HashRouter>

<Modal />

包含链接的组件：

<Link className="btn btn-primary" type="button" strict to="/finalizar1">Finalizar Compra</Link>

Finalizar Compra

模式在HashRouter之外，因为我可以从我想要的任何页面访问。因此，此模式位于主页面中。是否有一种解决方法可以让链接像导航栏一样打开新页面？

如果您只是将

Modal

组件放在

HashRouter

的内部，那么它将起作用，这样模态内部的

链接

组件将从

HashRouter

提供的上下文中获得正确的历史对象

}
/>

如果您只是将

Link

放在

HashRouter

的内部，它应该可以工作，这样

Link

将从路由器提供的上下文中获得正确的历史对象。你把它放在那里不就行了吗？我实际上添加了

HashRouter

，它就行了！现在模态仍然保持在页面顶部。嗯，这已经做了一半了。我仍在学习路由器，但这解决了问题。非常感谢。