如何在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}`); 
};