Маршрутизатор React не меняет представление, но URL-адрес изменяется - приложение загружается внутри iframe

Question

У меня есть приложение реакции, загруженное внутри iframe. это часть маршрутизации:

<Router>
    <Switch>
      <Route path="/" component={View} />
      <Route path="/create" component={CreateNewItemPage} />
    </Switch>
</Router>

и я использую Ссылки внутри View. js для навигации:

<Button
     variant="contained"
     color="primary"
     component={Link} 
     to="/create">
 Create
</Button>

Проблема заключается в том, что при нажатии изменяется URL-адрес, но вид не меняется. Может быть проблема в том, что он в iframe не уверен. Я столкнулся с этой проблемой впервые. Пробовал «точный» атрибут для маршрута, но та же проблема. Также нет ошибки в консоли браузера.

Answer 1

Причиной может быть отсутствие передачи истории в Маршрутизатор. Проверьте маршрутизатор для получения дополнительной информации

Пример из документов:

import React from "react";
import ReactDOM from "react-dom";
import { createBrowserHistory } from "history";

const customHistory = createBrowserHistory();

ReactDOM.render(<Router history={customHistory} />, node);

Вместо этого вы можете попробовать <BrowserRouter>. BrowserRouter - это не что иное, как Маршрутизатор с историческим API HTML5. Проверьте BrowserRouter для получения дополнительной информации

Я надеюсь, что это решит вашу проблему. Хорошего дня.