Warning: You should not use <Route component> and <Route children> in the same route; <Route compone

报错Warning: You should not use and in the same route; <Route compone

react 路由之坑,非常坑
当以下情形就会报以上错误,

	<Router>
		<div className='app'>
		
			<Switch>
				{/* 如果路径是/ 就跳转到/home */}
				<Redirect exact from='/' to ='/home'></Redirect>
				<Route path='/home' component={Home}>  </Route>
				<Route path='/city' component={City}>   </Route>
				<Route path='/map' component={Map}></Route>
				<Route  component={NotFound}></Route>
				
			</Switch>
			</div>
	</Router>

报错原因,Route组件之间不能有空格,或者换行,
要改成这样 或者直接是
在这里插入图片描述
竟然有这么奇葩的报错,还在网上搜到,Route组件下面不能嵌套Route组件,也会报这样的错误,希望能帮大家避坑

随便写写,希望有用,感恩有你

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值