使用React Router

Question

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

Ps：Navbar可以完美打开页面。

<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>

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

Answer 1

如果仅将Modal组件放在HashRouter内，它将起作用，这样模态内的Link组件将从{{1}提供的上下文中获取正确的历史对象。 }。

HashRouter