使用助焊剂反应路由器发送道具

Question

我目前在我的reactApp中使用flux-react-router npm， 而且在路由到url以及向组件发送道具时遇到了问题。

这是我路由到网址的方式： onClick = {（）=> {ReactRouter.goTo（productpage/${item._id}）}}

http://localhost:3000/productpage/5cb82c114e1efafcd06dc159

URL确实有效，但是在重新加载页面并重新呈现组件之前，prop才是未定义的。

我目前使用window.location.href.split（'/'）来获取ID，但我想将其作为道具传递，但似乎只有在我重新渲染组件时才捕捉道具，而不是在路由到它。

这是我在index.js中的组件

Flux.createRoute('/productpage/{id}',function(params){
    ReactDOM.unmountComponentAtNode(document.getElementById('root'));
    ReactDOM.render(<Provider store={store}><PersistGate loading={null} persistor={persistor}><ProductPage id={params.id}/></PersistGate></Provider>,document.getElementById('root'));
})

我只希望它在路由时发送道具，而不是重新加载页面以捕获道具。