我想提取Redux中間件中的URL params以分派操作並在有效內容中使用這些值。使用React路由器獲取URL Redirect中間件中的參數
4
A
回答
2
爲了實現自己的目標,你可以使用redux-router
這個庫可以讓你保持你的終極版店內路由器的狀態。 因此,獲取當前路徑名,查詢和參數就像選擇應用程序狀態的其他部分一樣簡單。
後,你可以從中間件
export const someMiddleware = store => next => action=> {
/// get params
let params = store.getState().router.params;
///then do what you want...........
next(action)
};
+0
謝謝,我也最終看到了最近的答案爲redux路由器。幸運的是,我的問題的確切解決方案(這裏:http://stackoverflow.com/questions/38145321/map-a-route-parameter-to-under-a-redux-stores-key)並不需要我改變這個路由器。 – haxpanel
1
您不需要在中間件內部訪問params
。一種常見模式是通過props
在您想要分配操作的組件中訪問params
。
事情是這樣的:
this.props.dispatch(yourAction(this.props.params));
請注意,您需要使用react-redux Connect method使dispatch
提供給您的組件。例如:
export default connect()(YourComponent);
相關問題
- 1. React路由器偵聽獲取參數
- 2. Laravel中間件獲取路由參數
- 3. 在AngularJS路由URL中獲取參數
- 4. 使用URL中的路由器參數與角4路由器
- 5. React路由器redirect後重定向
- 6. React路由器和路由參數
- 7. react-router:從路由器偵聽事件獲取參數失敗
- 8. React路由器v4參數
- 9. React路由器:獲取容器組件中的位置
- 10. URL中的UI路由器空參數
- 11. React路由器獲取組件外的當前路由
- 12. 如何在Laravel中間件中獲取路由參數?
- 13. 如何從angular2應用中的url獲取路由參數?
- 14. React路由器 - 如何在路由匹配中約束參數?
- 15. 如何在Silex中獲取路由參數中的URL
- 16. Laravel Redirect ::使用數組參數的路由
- 17. 從中間件訪問路由前綴中的URL參數
- 18. React路由器獲取JSON POST空值
- 19. 從Angular中的另一個組件獲取路由器參數
- 20. 獲取路由器的參數使用Alt鍵並作出反應,路由器
- 21. 如何從asp.net mvc中的當前路由獲取url參數?
- 22. 使用UI路由器更改URL中的查詢參數
- 23. 從服務器獲取React路由器路徑
- 24. 使用React路由器與react-rails gem
- 25. 如何從反應路由器V2中的URL抓取參數。+
- 26. 如何從鐵路路由器中的url中拆分參數?
- 27. 如何獲取Ember中的子路由的路由參數
- 28. React-Komposer +流量路由器參數
- 29. React路由器獲取主路由器組件上的當前位置
- 30. 點和連字符不允許React路由器URL參數?
讓您的PARAMS你有什麼我建議任何的喜悅? –
感謝您的建議,但我正在尋找我所問的。如果那不可能,那麼我需要找到另一種方式。我在等待一段時間,如果它是100%,我們無法從URL中提取參數,那麼我會接受你的答案。 – haxpanel
我不認爲提取「Redux中間件內的URL參數」是合理的。你能把我指向你見過類似的文檔嗎? –