React Router传递参数如何?

【字号: 日期:2024-04-20浏览:13作者:雯心
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解决React Router传递参数如何??

为了 ***

首先,为您的路线定义一个名称

<Route name='property' path='property/:propId' handler={PropertyDetail}/>

然后在生成链接时使用名称:

<Link to='/property/:propId' params={{ propId: '123'}} >解决方法

具有以下React Router

const AppRoutes = ( <Route path='/' handler={Properties}> <DefaultRoute handler={PropertyList} /> <Route path='property/:propId' handler={PropertyDetail}/> <NotFoundRoute handler={NotFound} /> </Route>);Router.run(AppRoutes,Router.HashLocation,(Root) => { React.render(<Root />,document.getElementById(’filter-content’));});

我尝试在子组件内部构建动态链接,然后在这里进行测试

<Link to='/property/' params={{ propId: '123'}} ><img src={this.props.data.picture} data-srcset='http://placehold.it/350x150' alt='' className='lazyload auto-height' data-sizes='auto'/> </Link>

但是单击propId的链接没有通过,我做错了什么?

相关文章: