基于React-Route渲染React组件

作者: 蜡笔小辛
发布时间: 2025-01-25 10:37:42 (1月前)
转自：

2 条回复

0#
回复此人
夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您正在寻找的是参数化路由。做一个 <code> <Route/> </code> 如下： <code> <Route path='/item/:id' component={ MyComponent } /> </code> 。 </p> <P> 现在进来 <code> MyComponent </code> 你可以使用的值 <code> props.match.params.id </code> 有条件地渲染，或者如果你试图根据的值加载异步数据 <code> :id </code> ;你可以使用 <code> componentWillReceiveProps </code> 生命周期方法和基于值的调度动作 <code> this.props.match.params.id </code> 。 </p> <P> 注意： <code> <Link to='/item/some-item'/> </code> 将设置值 <code> match.params.id </code> 至 <code> 'some-item' </code> 。 </p> </DIV>

编辑

登录后才能参与评论