将React Router与Flux容器一起使用

时间:2018-08-20 09:37:25

标签: reactjs react-router flux reactjs-flux

鉴于下面的代码片段,我想将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>

     )
}

0 个答案:

没有答案