Warning: React does not recognize the computedMatch prop on a DOM element.

在react中使用Switch时,出现了报错

Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase computedmatch instead. If you accidentally passed it from a parent component, remove it from the DOM element.

引起警告的原因是: 在react-router-dom<Switch>中使用了<div>,不要将组件的属性, 传给DOM节点。

例如:

 <Router>

    <Switch>

     <div className="App">

<Route exact path="/"> <Home /> </Route>

  <Route path="/hot">   <Hot />  </Route>       

  <Route path="/about">  <About /></Route>

  <Route path="/collocation"><Collocation /></Route>

     </div>      

  </Switch>

</Router>

就会出现报错,一个解决的方法是将Switch写在到div的里面

<Router>

     <div className="App">

    <Switch>

<Route exact path="/"> <Home /> </Route>

  <Route path="/hot">   <Hot />  </Route>       

  <Route path="/about">  <About /></Route>

  <Route path="/collocation"><Collocation /></Route>

  </Switch>

</div>

</Router>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值