已解決430363個問題，去搜搜看，總會有你想問的

為什么當我使用 Redux 更改 React js 中的路線時捐贈者卡消失并且表單變空

首頁猿問為什么當我使用 Redux 更改...

JavaScript

冉冉說 2022-12-22 15:36:57

`我希望你做得很好，我有一個問題我正在構建一個捐贈網絡應用程序，我正在使用 React 和 Redux，所以當我在添加后用戶以電話號碼和血型等形式添加他的信息時，如果他移動到另一條路線，表格變空，捐贈卡消失。即使用戶更改路線，是否有任何解決方案可以使捐贈卡和表格在組件中仍然填充和禁用？

查看完整描述

3 回答

神不在的星期二

TA貢獻1963條經驗獲得超6個贊

在標頭組件中，將 queryParams 添加到鏈接中：

<li><a class="text-white" [routerLink]="['/home']" [queryParams]="{id: 'about'}">About</a></li>

在home組件中檢查 queryParams 的路由，如果有任何 id，你應該將它滾動到視圖中：

constructor(private route: ActivatedRoute) {

this.route. queryParams.subscribe(params => {

if (params && params.id) {

let element = document.getElementById(params.id);

element && element.scrollIntoView();

}

});

}

反對回復 2022-12-22

隔江千里

TA貢獻1906條經驗獲得超10個贊

幾個小時后，我剛剛通過使用localStorage解決了這個問題，數據持久化是關鍵

反對回復 2022-12-22

慕后森

TA貢獻1802條經驗獲得超5個贊

Redux 有助于實現這一目標。我的建議是useEffect()在組件上使用并詢問 redux 存儲是否存儲了任何值。如果是，那么您需要用這些值填充字段/值。清楚嗎？您可以發布您的代碼，這將對您提供更多詳細信息有很大幫助。

反對回復 2022-12-22

關注

舉報

0/150

提交

取消