這篇文章主要講解了“react跳轉(zhuǎn)路由頁面空白如何解決”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“react跳轉(zhuǎn)路由頁面空白如何解決”吧！

成都創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為靜樂企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、成都網(wǎng)站制作，靜樂網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

react跳轉(zhuǎn)路由頁面空白是因為寫法錯誤，其解決辦法：1、確定頁面需要實現(xiàn)的鏈接；2、修改代碼為“this.props.history.push({pathname:`/cardetails`,search:`?productId=${car.productId}`,state:car,})”即可。

react 路由傳參跳轉(zhuǎn)時，頁面空白

//頁面需要實現(xiàn)的鏈接是這樣的，http://localhost:4500/cardetails?productId=12676
 
//會導(dǎo)致空白的錯誤寫法是
this.props.history.push({
                pathname:`/cardetails?productId=${car.productId}`,
                state:car,
            })
 
 
//正確寫法是下面
this.props.history.push({
                pathname:`/cardetails`,
                search:`?productId=${car.productId}`,
                state:car,
            })
 
 
//以上是個人開發(fā)中遇到的問題，僅供參考～～

錯誤寫法，是點擊事件后，頁面鏈接已經(jīng)發(fā)生變化，但是頁面內(nèi)容是空白，沒有報錯，需手動刷新頁面，才可以看的內(nèi)容，寫法改變后，可以準(zhǔn)確的定位到路由信息，解決問題。

感謝各位的閱讀，以上就是“react跳轉(zhuǎn)路由頁面空白如何解決”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對react跳轉(zhuǎn)路由頁面空白如何解決這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！