如何在React路由器中重定向组件内部？

Question

如何在React路由器中重定向组件内部？我使用的反应，柔儿

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}/> 

Answer 1

我认为要做到这一点的最佳方法是将包装你在一个反应​​路由器Link元素点击任何元素，让路由器处理一切。

<Link to=`/details/${item_id}`>Click me!</Link> 

如果你一定要带你的方法，从导入反应路由器的browserHistory模块到组件和推新网址右转进入它。

import { browserHistory } from 'react-router'; 
... 
let transitionToItem = ({id}) => { 
    browserHistory.push(`/details/${id}`); 
};