[英]How to make redirect inside component in React router?
如何在React路由器中的組件內重定向? 我正在使用react-rouer
import React from 'react'
import _ from 'lodash';
import FavoriteItem from '../components/FavoriteItem'
const FavoritesList = ({list}) => {
let transitionToItem = ({id}) => {
// make transition to `/details/${id}`
};
return (
<ul className="list-group favorites-list">
<FavoriteItem onFavoriteClick={ () => { transitionToItem(item); } } key={item.id} item={item}/>
</ul>
);
};
export default FavoritesList
路線:
<Route path="details/:item" name="details" component={DetailsPage}/>
我認為這樣做的首選方法是在react-router Link
元素中包含你點擊的任何元素,然后讓路由器處理所有內容。
<Link to=`/details/${item_id}`>Click me!</Link>
如果你肯定想采取你的方法,將browserHistory
模塊從react-router導入你的組件並將新URL直接推到它上面。
import { browserHistory } from 'react-router';
...
let transitionToItem = ({id}) => {
browserHistory.push(`/details/${id}`);
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.