如何在所有页面（所有组件）ReactJs 中显示类似用户名的属性？ [复制]

Posted 2023-02-22

【中文标题】如何在所有页面（所有组件）ReactJs 中显示类似用户名的属性？ [复制]

【英文标题】：How to show property like username in all pages (all Components) ReactJs? [duplicate]

【发布时间】：2020-11-08 03:51:46

【问题描述】：

我在成功登录后通过 Axios 从服务器获取了UserName 和有关用户的其他信息，我想将此信息传递给我的Header 组件以在所有页面上显示。

我可以通过<Header userName=this.state.UserName 将属性发送到Header 组件，这没问题，但是当我从标题转到另一个组件时，我丢失了它，并且必须设置保存用户名的状态。

是否有任何解决方案可以在所有组件中拥有一些属性，例如 Java 中的 Session？

【问题讨论】：

你可以在某处保持状态值。

【参考方案1】：

是的，有一些解决方案可以在 React 的所有组件中使用某些属性。为此，您将需要一个状态管理工具。最常用的两个是 Redux 和 React 的 Context API。