鉴于下面的代码片段,我想将React Router传递给Flux容器,但是当它进入ProductSearchView函数时,它会“丢失”。我认为这是因为我正在ProductSearchContainer.js中设置通量容器的状态。
我想要的是让ProductSearchView具有来自容器和路由器的道具。有什么想法吗?
// ProductSearchContainer.js
function getStores () {
return [
ProductSearchStore
]
}
function getState() {
return [
product: ProductSearchStore.getState()
]
}
export default Container.createFunctional(ProductSearchView, getStores, getState);
// ProductSearchView.js
function ProductSearchView(props) {
// the router is lost here
return (
<div><Product {...props} /></div>
)
}
// MainRouter.js
function MainRouter(props) {
return (
<Router>
<div>
<Route path = "/product-search" component={ (props) => <ProductSearchContainer {...props} />} />
...
</div>
</Router>
)
}