[英]What's the proper way to link to a route with parameters?
我在app.js
设置了这些路由:
import { BrowserRouter, Route, Switch } from 'react-router-dom';
<BrowserRouter>
<Switch>
<Route name="overview" exact path="/" component={OverviewPage} />
<Route name="details1" exact path="/orders/:orderReference/details1" component={DetailsOnePage}/>
<Route name="details2" exact path="/orders/:orderReference/details2" component={DetailsTwoPage}/>
</Switch>
</BrowserRouter>
这些路线通过智能组件中的按钮调用:
import { Link } from 'react-router-dom';
<IconButton aria-label="Details One">
<Link to="details1" params={{ orderReference: order.orderReference }}>
<PickingIcon />
</Link>
</IconButton>
我希望这会路由到:
但是它去了:
不存在。
我检查了一下, order.orderReference
确实包含值my-reference
。
上面的代码有什么问题?
在道具链接中to
您必须提供完整的订单路径,例如
<Link to={`/orders/${order.orderReference}/details1`} >
<PickingIcon />
</Link>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.