javascript - 有没有办法让两个兄弟组件在 ReactJS 中异步了解状态？

Question

我有两个组件：NavBar和SignUp。

在我的注册组件中，我通过状态变量跟踪用户当前是否登录。

根据上述来自SignUp的状态变量，我的NavBar组件应该发生变化（例如，“登录”图标应该更改为“退出”）。

两个问题：

1.我的 NavBar 如何知道 SignUp 的状态？

2.它们如何同步，动态变化，取决于SignUp的状态？

任何帮助是极大的赞赏！谢谢。

Answer 1

将 prop 传递给NavbarfromSignUp的 JSX（即：）<NavBar myProp={123}/>，就像您添加一个属性一样，将导致NavBar它在更改时自动更新。

查看React 的官方文档以获取有关传递道具的更多信息。