文章/答案/技术大牛

发布

社区首页 >问答首页 >在安装组件之前，响应更改的主体类

问在安装组件之前，响应更改的主体类
EN

Stack Overflow用户

提问于 2020-11-13 09:06:00

回答 1查看 542关注 0票数 0

我有一个登录组件，当挂载时，身体必须如下所示。

<body class="login-page">

我使用useEffect钩子设置类名，如下所示：

useEffect(
    () => {
        document.body.className = "login-page";
    },
    [],
    () => {
        document.body.className = "";
    }
);

在用户成功登录后，它们将被重定向到仪表板组件。在安装仪表板组件之前，必须删除上面设置的body类。上面的useEffect正在这样做，但是用户必须首先刷新页面才能看到仪表板组件的正确布局。

如何在用户登录后删除body类，使仪表板组件的布局不受影响？

reactjs

react-router

react-component

react-component-unmount

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-11-13 09:11:17

看起来您的useEffect钩子中有问题。清理应该像这样从useEffect返回。也许这能解决你的问题？这应该在组件挂载时设置主体的className，然后在组件卸载时删除它。

useEffect(() => {
  document.body.className = "login-page";
  
  return () => {
    document.body.className = "";
  }
}, []);

编辑:如果这不能解决您的问题，您应该反复检查组件是否真的正在卸载。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64818099

复制

相似问题

问在安装组件之前，响应更改的主体类
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在安装组件之前，响应更改的主体类EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在安装组件之前，响应更改的主体类
EN