React路由传值操作

最新推荐文章于 2024-07-23 10:43:02 发布

DaftJayee

最新推荐文章于 2024-07-23 10:43:02 发布

阅读量281

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/qq_43540219/article/details/107799557

版权

react 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1》通过id形式传值

传值：
	<Link to='/news/张三'>新闻</Link>
路由中：
    path='/news/:id'
接收：
	this.props.match.params.id

2》通过to形式传值

传值：

	render:
		<Link to={{
			pathname:'/news',
			query:{
				strNews:"数据过去没？"
			}
		}}>新闻</Link>

		**pathname：路径
		**query   ：配置项
	js:
		this.props.history.push({
			pathname:'/news',
			query:{
				cityName:"北京"
			}
		});

接收：
	this.props.location.query.strNews