亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

從一個組件導航到不同的組件 [React]

從一個組件導航到不同的組件 [React]

慕村9548890 2023-07-14 09:56:44
我在 src/components 中有兩個組件,名為 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>   ) }}每當我單擊 Comp1 中的鏈接時,它會將我重定向到 Comp2,但它還顯示標題“Comp1”、div“In comp1”和鏈接。我只想渲染 Comp2 并去掉 Comp1 標題、div 和鏈接。如果您需要更多說明,請告訴我。
查看完整描述

1 回答

?
子衿沉夜

TA貢獻1828條經驗 獲得超3個贊

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


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>

)

補償1


export default class Comp1 extends Component{

  .... 

  render(){

    return(

      <h1>Comp1</h1>

      <div> In comp1 </div>

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

    )

  }

}


查看完整回答
反對 回復 2023-07-14
  • 1 回答
  • 0 關注
  • 170 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號