2016-12-31 81 views
1

我是React和React路由器的新手,我很努力地理解幾件事情,所以我願意接受盡可能多的教育,因爲您願意提供。我無法使用多個參數進行這項工作。我能夠使它與單個參數一起工作,但不是多個。我得到了Whoops404組件。我認爲我做了一些明顯錯誤的事情。反應和反應路線鏈接參數不起作用

我的路線:

<Router history={ hashHistory }> 
     <Route path='/' component={ Home } /> 
     <Route name='details' path='/details/:id:name' component={ Details }/> 
     <Route path='*' component={ Whoops404 }/> 
</Router> 

我的鏈接:

<Link to={`/details/${adv.id}/${adv.name}`}> 
     <h1 className="clickTitle">{adv.name}</h1> 
</Link> 

組件我定位:

export class Details extends Component { 
    constructor(props, context) { 
     super(props, context); 

     console.log(props); 
     this.state = { 

     }; 
    } 

在此先感謝。

回答

1

因爲您正在鏈接到一個帶有斜槓的路線,所以將其更改爲path='/details/:id/:name'

+0

就是這樣。我只是看不到它。非常感謝! –