为什么当我使用 Redux 更改 React js 中的路线时捐赠者卡消失并且表单变空

Question

`我希望你做得很好，我有一个问题我正在构建一个捐赠网络应用程序，我正在使用 React 和 Redux，所以当我在添加后用户以电话号码和血型等形式添加他的信息时，如果他移动到另一条路线，表格变空，捐赠卡消失。即使用户更改路线，是否有任何解决方案可以使捐赠卡和表格在组件中仍然填充和禁用？

Answer 1

在标头组件中，将 queryParams 添加到链接中：

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

<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();

        }

    });

}

Answer 2

几个小时后，我刚刚通过使用localStorage解决了这个问题，数据持久化是关键

Answer 3

Redux 有助于实现这一目标。我的建议是useEffect()在组件上使用并询问 redux 存储是否存储了任何值。如果是，那么您需要用这些值填充字段/值。清楚吗？您可以发布您的代码，这将对您提供更多详细信息有很大帮助。