反应和反应路线链接参数不起作用

Question

我是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 = { 

     }; 
    } 

在此先感谢。

Answer 1

因为您正在链接到一个带有斜杠的路线，所以将其更改为path='/details/:id/:name'。