react-router 中link标签的跳转

陈正阳~

于 2020-08-22 17:10:42 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.csdn.net/czy19970301/article/details/108171041

前端专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了React Router中Link组件的使用方法，包括如何通过Link组件实现页面跳转，设置跳转路径、GET请求参数、hash值及组件状态传递。同时，探讨了Link组件的replace属性，解释其在历史访问记录中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react-router 中link标签的跳转

render(){
	let linkObj = {
		pathname:"/me", //跳转的路径
		search : "userName="admin" //get请求参数
		hash: "#abc"  //设置的hash值;
		state: {msg:"hello world"}	//传入组件的数据
    };
    return(
   		<div id="app">
			<Router>
				<div>
					<Link to={linkObj }>个人中心</LinK>
				</div>
			</Router>
		</div>
   )
}

link的replace属性:点击链接后,将新地址替换为历史访问记录的原地址.