Ссылка не работает должным образом внутри Модального / Компонентного с React Router - PullRequest
Новая
       9

Ссылка не работает должным образом внутри Модального / Компонентного с React Router

0 голосов
/ 12 ноября 2018

Когда я добавляю ссылку внутри модуса начальной загрузки, открывается новая страница, но она не открывается ни под панелью навигации, ни над нижним колонтитулом, а отображается с черным прозрачным фоном (унаследованным от модального компонента).

Ps: Навбар прекрасно открывает страницы. 

<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, потому что я могу получить доступ с любой страницы, которую захочу. Поэтому этот модал находится на главной странице. Есть ли обходной путь, чтобы ссылка открывала новую страницу, как это делает навигационная панель?

1 Ответ

0 голосов
/ 12 ноября 2018

Это будет работать, если вы просто поместите компонент Modal внутри HashRouter, так что компонент Link внутри модального режима получит правильный объект истории из контекста, предоставленного HashRouter. 

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