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

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

React Router 在使用 <Link> 時(shí)顯示空白頁(yè)面

React Router 在使用 <Link> 時(shí)顯示空白頁(yè)面

慕娘9325324 2022-12-22 10:07:16
在更新了我們的一堆依賴(lài)項(xiàng)之后,我們現(xiàn)在被迫使用導(dǎo)致重定向的錨標(biāo)記,在我們使用之前但現(xiàn)在每次我們點(diǎn)擊它都會(huì)轉(zhuǎn)到正確的 url 即 /screens 但它只是一個(gè)空白頁(yè)面并且從不顯示組件,下面是我們的父 index.tsx 文件:ReactDOM.render(  <Provider {...stores}>    {/* Changed routes to children */}    {/* <Router children={routes} history={createHistory} /> */}    <Router history={createHistory}>      <div>        <Switch>          <Route path='/oauth2callback' componentDidMount={console.log()}>            {() => {              if(window.location.href.includes('/oauth2callback'))              {                oauth2callback(window.location.hash)              }            }}          </Route>          <Route path='/testing' component={Get} />          <Route path='/'>            {/* Function that determines if the user is logged in and can allow the authenticated passage or not. If no, it will not render authenticated pages*/}            {() => {              if(auth.loggedIn())              {                console.log("is logged in")                return(                  <div>                    <Route component={App} history={createHistory}/>                    <div className="row" id="wrapper">                      <Switch>                        {/* <Route path='/screens' component={Screens}/> */}                        <Route path='/screens' component={Screens}/>                        <Route path='/playlists' component={Playlists}/>                        <Route path='/content' component={Content}/>                        <Route path='/help' component={HelpNav}/>                        <Route component={NotFound}/>                      </Switch>                    </div>                  </div>                )              }知道新的反應(yīng)路由器更新有什么不同導(dǎo)致這個(gè)錯(cuò)誤存在嗎?
查看完整描述

2 回答

?
慕神8447489

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

修復(fù)比我想象的要簡(jiǎn)單得多,新的更新集成了 BrowserRouter 而不是 Router 所以我更換了

<Router history={createHistory}>

<BrowserRouter>

現(xiàn)在一切正常


查看完整回答
反對(duì) 回復(fù) 2022-12-22
?
手掌心

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

在這篇 React Router 6 文章https://medium.com/frontend-digest/whats-new-in-react-router-6-732b06cc83e4上閱讀“路由和鏈接相對(duì)于它們的父級(jí)”

順便說(shuō)一下,有時(shí)你有<a>標(biāo)簽而不是鏈接組件很奇怪


查看完整回答
反對(duì) 回復(fù) 2022-12-22
  • 2 回答
  • 0 關(guān)注
  • 95 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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