react跳轉路由頁面空白是因為寫法錯誤,其解決方法:1、確定頁面需要實現的連結;2、修改程式碼為「this.props.history.push({pathname:`/cardetails `,search:`?productId=${car.productId}`,state:car,})」即可。
本教學操作環境:Windows10系統、react18.0.0版、Dell G3電腦。
react跳轉路由頁面空白怎麼辦?
react 路由傳參跳轉時,頁面空白
//页面需要实现的链接是这样的,http://localhost:4500/cardetails?productId=12676 //会导致空白的错误写法是 this.props.history.push({ pathname:`/cardetails?productId=${car.productId}`, state:car, }) //正确写法是下面 this.props.history.push({ pathname:`/cardetails`, search:`?productId=${car.productId}`, state:car, }) //以上是个人开发中遇到的问题,仅供参考~~
錯誤寫法,是點擊事件後,頁面連結已經發生變化,但是頁面內容是空白,沒有報錯,需手動刷新頁面,才可以看的內容,
寫法改變後,可以準確的定位到路由信息,解決問題。
推薦學習:《react影片教學》
以上是react跳轉路由頁面空白怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!