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视频教程》
Atas ialah kandungan terperinci react跳转路由页面空白怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Tiga kaedah virtualisasi gpu
Peranan isset dalam php
alat pembangunan php
Bagaimana untuk menyimpan gambar di ruang komen Douyin ke telefon bimbit
Bagaimana untuk memulihkan fail yang dikosongkan daripada Recycle Bin
Bagaimana untuk mendapatkan alamat bar alamat
Perbezaan antara berlabuh dan bertujuan
Apakah perisian pelayan fail?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
