第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

react router4 嵌套怎樣實現(xiàn)?

react router4 嵌套怎樣實現(xiàn)?

慕容森 2018-08-05 10:05:40
在vue中,可以通過<router-view />實現(xiàn)把子組件嵌套在父組件中的任意位置,但是在react中怎樣實現(xiàn)呢?初學(xué)react,求指教!如下react代碼Layout.jsimport React from 'react'const Layout = () =>(     <div>         <div>header</div>                  我想把子組件嵌套在這個位置                 <div>footer</div>     </div>)     export default LayoutChildOne.js...省略一部分 <div>子組件 1</div>ChildTwo.js...省略一部分 <div>子組件 2</div>路由:<Router>     <Fragment>         <Route  path='/' component={Layout}/>         <Route path='/one' component={ChildOne}/>         <Route path='/two' component={ChildTwo}/>     </Fragment></Router>路由這么寫,子組件只會放在Layout組件的最后面顯示。
查看完整描述

2 回答

?
POPMUISE

TA貢獻(xiàn)1765條經(jīng)驗 獲得超5個贊

import React from 'react'


const Layout = () =>(

    <div>

        <div>header</div>

        

        <ChildOne />

        {/*or*/}

        <Route path='/two' component={ChildTwo} />

        <div>footer</div>

    </div>

)

export default Layout


查看完整回答
反對 回復(fù) 2018-08-08
?
Qyouu

TA貢獻(xiàn)1786條經(jīng)驗 獲得超11個贊

const Layout = (props) =>(

    <div>

        <div>header</div>

        

        {props.children}

       

        <div>footer</div>

    </div>

)


<Router>

    <Layout>

        <Route path='/one' component={ChildOne}/>

        <Route path='/two' component={ChildTwo}/>

    </Layout>

</Router>


查看完整回答
反對 回復(fù) 2018-08-08
  • 2 回答
  • 0 關(guān)注
  • 1718 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號