使用react-router-redux，非路由表示組件應該如何獲取位置？

有沒有從非路由組件訪問位置的好方法，其中MapStateToProp的ownProps沒有填充位置？在我的情況下，我需要位置從路由組件向下幾層;避免大量的分層參數傳遞是我們使用Redux的部分原因，所以我不傾向於將路由組件中的位置從所有中間層傳遞過來。我最終直接在mapStateToProps（警告在文檔中）使用routing商店，作爲最好的不良選擇。使用react-router-redux，非路由表示組件應該如何獲取位置？

該場景是一組通用的「框架」組件由父路徑放置，並且它們需要根據上下文稍微改變。

來源

2016-06-18 Ed Staub

什麼文檔的一部分不鼓勵這個？基本上，每當你需要進入商店時，你應該有一個「容器」並將商店關掉。您可以在「框架」上方創建一個虛擬容器，然後從頂部向下傳遞。 – norbertpy

@norbertpy請參閱[alive-router-redux主頁的此部分]（https://github.com/reactjs/react-router-redux#how-do-i-access-router-state-in-a-容器分量）。推薦的方法（在mapStateToProps中使用'ownProps'只適用於路由組件（即路由器配置中列出的路由組件）。 –

在react-router的v3.0.0中，您可以使用withRouter來實現此目的。現在，您應該更新package.json以指向3.0.0-alpha.1。

有來自@gaeron視頻：https://egghead.io/lessons/javascript-redux-using-withrouter-to-inject-the-params-into-connected-components

來源

2016-06-19 21:17:13

另外的解決辦法是使用來自here一個context，所以你可以在需要的組件指定它的情況下直接傳遞下來的財產

來源

2016-06-19 21:30:14 Hutsi

使用react-router-redux，非路由表示組件應該如何獲取位置？

回答

相關問題