用React Router固定標簽

Question

如何使用react-router為其中一個頁面創建帶有錨點的鏈接？

示例：我想要類似的東西： mysite.com/#/nodes/10#instances

這會將某人引導到/nodes/:id處理的路由，然后在該頁面上選擇與“實例”相對應的選項卡（ react-boostrap選項卡）。

Answer 1

您可以實現用於哈希更改的偵聽器。 這是一個本地javascript事件window.onhashchange （有關更多信息，請參見此哈希更改事件MDN ）

您可能有一個包含所有選項卡作為子組件的頂級組件，並且僅根據url的哈希值呈現特定的選項卡。 如果哈希值發生變化，您可以更新狀態/屬性以重新渲染並顯示新標簽。

Answer 2

通常，您將使用<Link /> 組件 ，但不能對所需的特定鏈接使用雙哈希。 具有歷史路由的事件（不使用哈希作為URL）在react-router中不支持 （請參閱最后一段）。