React Jump ルーティング ページが空白の場合の対処方法

書き込みエラーのため、反応ジャンプ ルーティング ページが空白です。解決策は次のとおりです: 1. ページに実装する必要があるリンクを決定します。2. コードを「this.props.history. Push({pathname:`/cardetails `,search:`?productId=${car.productId}`,state:car,})”。

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

反応ジャンプ ルーティング ページが空白の場合はどうすればよいですか?

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 Jump ルーティング ページが空白の場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。