是否可以僅使用 HTML5 和 JavaScript 在 React 中創建類似 NavLink 的結構？

Question

我有一個問題要問你，是否可以僅使用 HTML5 和 JavaScript 在 React 中創建類似 NavLink 的結構？

For example, if we have a homepage.html and a content.html file and I want to go to content.html when an "a" element is clicked, how can I do this without refreshing the page?

Answer 1

是的，您可以使用歷史記錄 API 來做到這一點，您可以導航到不同的頁面而無需刷新頁面

window.history.pushState('page 2, "page 2 title", "page2.html")

如果要替換頁面，您可以使用window.history.replaceState()將當前頁面替換為新頁面。

參考：- https://developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API