list頁->detail頁
方法一:路由參數
路由導航:
用“/”
<Link to={'/detail/'+item.get('id')} key={index}>
路由map:
加"/:id"
<Route exact path="/detail/:id" component={Detail} />
detail頁獲取參數:
准確的獲取到id,不需要做處理
this.props.match.params.id
方法二:查詢參數
路由導航:
用“?”
<Link to={'/detail?'+item.get('id')} key={index}>
路由map:
不加"/:id"
<Route exact path="/detail" component={Detail} />
detail頁獲取參數:
不能准確的獲取到id,需要做處理
this.props.location.search
