React Router更改路由/組件而不更改瀏覽器URL

Question

是否可以使用內部路由系統來渲染組件，但主瀏覽器路由不會改變？

因此，如果從mysite.com開始，它將呈現一個列表頁面，您可以進入實例頁面，但URL仍位於mysite.com ，依此類推。 如果刷新頁面，它將返回列表頁面。

Answer 1

您可以MemoryRouter使用MemoryRouter而不是Router 。 有關示例和文檔，請參見https://reacttraining.com/react-router/web/api/MemoryRouter

對於react-router版本3，您可以從history導入createMemoryHistory

const memoryHistory = createMemoryHistory(location);
<Router history={memoryHistory} routes={routes} />

版本3文檔： https ： //github.com/ReactTraining/react-router/blob/v3/docs/guides/Histories.md#creatememoryhistory