码迷,mamicode.com
首页 > 其他好文 > 详细

报错/Warning: You should not use <Route component> and <Route children> in the same route; <Route component> will be ignored

时间:2019-11-20 19:38:08      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:嵌套   报错   child   不能   reac   should   Route组件   assets   index   

这个报错在以下情形会出现

第一种

<Switch>
       <Route exact path="/home/index" component={HomeIndex} />
       <Route path="/home/order" component={HomeOrder}>
          <Route path="/home/order2" component={HomeOrder2}></Route>
       </Route>
       <Route path="/home/assets" component={Assets} />
    </Switch>    

Route组件下面不能嵌套Route组件,react-router4版本以上就不让这么写了

第二种(超级坑!!!)

<Switch>
       <Route exact path="/home/index" component={HomeIndex} />
       <Route path="/home/order" component={HomeOrder}>
       </Route>
       <Route path="/home/assets" component={Assets} />
    </Switch> 

Route组件之间不能有空格换行!所以,要么<Route></Route>这种样子或者写成一个自闭和标签<Route />!!!

报错/Warning: You should not use <Route component> and <Route children> in the same route; <Route component> will be ignored

标签:嵌套   报错   child   不能   reac   should   Route组件   assets   index   

原文地址:https://www.cnblogs.com/liang-meng/p/11899815.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!