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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

從一個(gè)組件導(dǎo)航到不同的組件 [React]

從一個(gè)組件導(dǎo)航到不同的組件 [React]

慕村9548890 2023-07-14 09:56:44
我在 src/components 中有兩個(gè)組件,名為 Comp1.js 和 Comp2.jsComp1.js 有以下代碼:export default class Comp1 extends Component{  ....   render(){    return(      <h1>Comp1</h1>      <div> In comp1 </div>      <BrowserRouter>          <Link to="/comp2"> Comp2 </Link>          <Switch>             <Router path="/comp2" component={Comp2} />          </Switch>      </BrowserRouter>    )  }}Comp2.js 有以下代碼:export default class Comp2 extends Component{ ... render(){   return(    <h1>Comp2</h1>    <div> In comp2 </div>   ) }}每當(dāng)我單擊 Comp1 中的鏈接時(shí),它會(huì)將我重定向到 Comp2,但它還顯示標(biāo)題“Comp1”、div“In comp1”和鏈接。我只想渲染 Comp2 并去掉 Comp1 標(biāo)題、div 和鏈接。如果您需要更多說明,請(qǐng)告訴我。
查看完整描述

1 回答

?
子衿沉夜

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

您必須將瀏覽器路由器包裝器移至主應(yīng)用程序根目錄。這就是反應(yīng)應(yīng)用程序路由的配置方式。然后,您可以在 comp2 中使用<Link to="/comp2"> Comp2 </Link>內(nèi)部 comp1 并正確導(dǎo)航到 comp2,而無需使用 comp1 標(biāo)頭。


import React from "react"

 import { render } from "react-dom"

 import { BrowserRouter, Switch, Route } from "react-router-dom"

 import Home from "./Home"

 import Comp1 from "./Comp1"

 import Comp1 from "./Comp2"


 const App = () => (

 <BrowserRouter>

  <Switch>

   <Route path="/" component={Home} exact />

   <Route path="/comp1" component={Comp1} exact />

   <Route path="/comp2" component={Comp2} exact />

 </Switch>

</BrowserRouter>

)

補(bǔ)償1


export default class Comp1 extends Component{

  .... 

  render(){

    return(

      <h1>Comp1</h1>

      <div> In comp1 </div>

      <Link to="/comp2"> Comp2 </Link>

    )

  }

}


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 1 回答
  • 0 關(guān)注
  • 161 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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