react笔记之路由--Link

责编:menVScode 2017-08-15 0:11 阅读(626)

        在react-router里面有两种方式进行视图之间的切换。

        一种是使用a链接进行跳转,点击a链接分别显示不同的视图。

ReactDOM.render(
	<Router>
		<div>
			<p><a href='/'>app</a></p>
			<p><a href='/aaa'>aaa</a></p>
			<p><a href='/bbb'>bbb</a></p>
			<Route exact path='/' render={
				()=>{
					return(
						<div>
							<div>当前的这个组件是app</div>
							<App />
						</div>
					)
				}
			} />
			<Route path='/aaa' component={Aaa} />
			<Route path='/bbb' component={Bbb} />
		</div>
	</Router>,
	document.getElementById('root')
);
标签: Link react
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码