在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ react-router4 map循環(huán)出的<Link>可以切換路由地

react-router4 map循環(huán)出的<Link>可以切換路由地址,但是切換不了組件

<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>
回答
編輯回答
陪我終
{list.map((item, index) => {
    return <li key={index}> 
            <Link to={`/section${index + 1}`}>{item}</Link>
        </li>
    })}

因為我嵌套了2層<Router>去掉就可以了...

2018年5月25日 07:11