我現在正在學習Redux和React,並且正在編寫一個像這樣工作的愛好項目。URL散列和Redux狀態的雙向綁定
該項目是一個搜索服務,使用標籤進行搜索。用戶可以在UI中添加或刪除標籤。在代碼中,標籤以Redux狀態表示,添加和刪除標籤通過單獨的操作發生。到目前爲止這麼好,我有一個有效的玩具代碼。
現在我想以某種方式將標籤與哈希後的URL部分「綁定」例如,序列化標籤,用破折號分隔;以便用戶可以複製/粘貼URL並使用相同的標籤。
我找不到如何輕鬆做到這一點。
我總是碰到一個叫做「react router」的東西,但我在示例中看到的所有東西總是有更多的輸入點,並根據哈希顯示用戶應用程序的不同部分。我不想那樣。所以我不知道我是否真的需要這個路由器;我不想任何路線。
即使我想這樣,我也找不到如何將URL與Redux狀態綁定。我不想將標籤直接注入組件的道具;我想要在Redux狀態下的url中的標籤。
感覺就像我做錯了事,我需要重新思考我的整體設計,但我不知道從哪裏開始。
(我沒加任何實際的代碼,因爲我認爲這是對應用程序的設計更具普遍性的問題,但後來我可以簡化我的玩具代碼,並將其粘貼在此處)
檢查此示例與react-router-redux https://fiddle.jshell.net/omerts/r9dbgsjj/ –
該示例不與最新的react-router –
一起工作我做了一個相同的增強器,但我會選擇你的答案,因爲我複製了那裏最重要的部分 –