React Redux將過濾器應用於支持呼叫並路由

我的應用程序正在使用React和Redux。React Redux將過濾器應用於支持呼叫並路由

我在頁面上有兩個組件，這些組件是狀態或區域等過濾器，點擊時應該碰到像'https://somebackend.com?status=published&region=northamerica'這樣的後端網址。然後我的索引組件應該顯示新的列表。如果狀態過濾器更改爲「草稿」，我們當然會點擊'https://somebackend.com?status=draft&region=northamerica'並重新渲染索引列表。

我還沒有在此應用程序之前進行路由，而且我也不知道如何在React-Redux中排序這些事件。這是我的目前的想法，但有問題。其他解決方案大加讚賞：

在StatusFilter組件1），調用updateStatusFilter動作，當過濾器點擊創建具有類型的動作：statusFilter，有效載荷：」發表」在我減速

2） 3）現在，回到我的StatusFilter組件中，在mapStateToProps中，我捕獲了狀態已經改變的事實，所以我想調用我的應用中的路由，例如https://example.com/publications?status=draft&region=northamerica ，所以我從狀態中獲取這些值，並從mapStatesToProps函數

中手動調用路由

4）將路由設置爲「component = {PublicationsIndex} /> 5）在PublicationIndex，componentWillMount中，我們從狀態獲取params，並將用來打到後端的url放在一起，好吧，我會停止這裏...

這是各種令人費解的。對不起，任何幫助讓我按照正確的思路思考，讚賞。我覺得我正在想辦法解決這個問題，路線或狀態的變化。

來源

2016-09-06 dt1000

您可以使用React路由器的Link來處理此問題。

<Link to={{pathname:`${path}/&status=published`} > Published </Link>

來源

2016-09-06 17:56:47 skmvasu

但還有另一種過濾器叫做區域，什麼是路線的樣子，這是一個什麼鏈接如下：<鏈接= {{路徑：'$ {路徑} /＆地區= northamerica'}>發佈？我在哪裏把所有的後端查詢參數放在一起？ – dt1000

你能分享你的過濾器看起來的屏幕截圖嗎？將有助於更好地理解過濾器 – skmvasu

React Redux將過濾器應用於支持呼叫並路由

回答

相關問題