为了账号安全,请及时绑定邮箱和手机立即绑定

react-router4 map循环出的<Link>可以切换路由地址,但是切换不了组件

react-router4 map循环出的<Link>可以切换路由地址,但是切换不了组件

Cats萌萌 2018-09-08 19:54:50
<ul className="nav">     <li>         <Link to="/section1">test1</Link>     </li>     <li>         <Link to="/section2">test2</Link>     </li>     <li>         <Link to="/section3">test3</Link>     </li>     //上边直接写正常     ////////////////////////////////////////     //下边就不行,地址可以切换,组件出不来,也切换不了    {list.map((item, index) => {         return <li key={index}>            <Router>                 <Link to={`/section${index + 1}`}>{item}</Link>             </Router>             </li>         })}</ul>{this.props.children}<Switch>     <Route path="/section1" component={Section1}/>1    <Route path="/section2" component={Section2}/>2    <Route path="/section3" component={Section3}/>3</Switch>
查看完整描述

1 回答

?
尚方宝剑之说

TA贡献1788条经验 获得超4个赞

{list.map((item, index) => {    return <li key={index}> 
            <Link to={`/section${index + 1}`}>{item}</Link>
        </li>
    })}

因为我嵌套了2层<Router>去掉就可以了...


查看完整回答
反对 回复 2018-09-09
  • 1 回答
  • 0 关注
  • 1698 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信