React / Redux 主题：基于 Store State 的条件渲染

如何解决React / Redux 主题：基于 Store State 的条件渲染

前言：

• 这是我项目中的一种身份验证机制。
• 我正在从使用 Contexts 重构为 Redux 来控制状态

Redux 存储将“isLogged”作为布尔值作为状态的一部分。成功登录后（用户使用正确的电子邮件和密码提交表单），axios 响应验证用户，客户端发送状态更改的操作。 状态更改成功发生，基于我使用 redux 开发工具扩展所看到的。

问题：

我有一个导航栏组件，它根据 isLogged 状态有条件地呈现链接公共和私有组件。它只是在商店状态更新时不会重新呈现，因此当前用户无法看到更新的导航栏，即使状态更改发生了。

预先感谢您的帮助。

解决方法

我刚刚解决了这个问题。

我必须通过“react-redux”中的 useSelector 钩子访问商店状态。似乎当我之前尝试使用 store.getState() 方法获取状态并将其存储在变量中并通过 props 传递时，函数组件没有监听更新。