React/Redux主题:基于存储状态的条件渲染



前言:

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

Redux商店持有一个";isLogged";作为布尔值作为状态的一部分。成功登录后(用户使用正确的电子邮件和密码提交表单(,axios响应会验证用户,客户端会发出状态更改的操作。根据我使用redux dev工具扩展所看到的情况,状态更改成功地发生了

问题:

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

提前感谢您的帮助。

我刚刚解决了这个问题。

我必须通过useSelector钩子从";反应还原";。看起来,当我早些时候试图使用store.getState((方法获取状态并将其存储在一个变量中并通过props传递时,函数组件没有听取更新。

最新更新