ReactJS的Document.ready函数

Question

我对ReactJS有点陌生，学习并制作了一个项目。 而且我陷入了这样的问题。
我有授权的应用。用户输入凭据并进入应用程序。 有一个使用外部库制作的导航菜单。它上下滑动并用类似的东西初始化

$(document).ready(function(){
  $('.menu-class').makeCoolMenu();
}); 

但是，当用户未登录时-应用未显示菜单。此代码将运行并且不执行任何操作。 授权后出现菜单，但当然不起作用。
我用谷歌搜索，但是什么也没找到。只是关于“不要在React中使用jquery”。但是做这种事情的正确方法是什么？好像我不能跑步

$('.menu-class').makeCoolMenu();

在应用程序中

。

谢谢。

Answer 1

我认为您的问题是如何与jQuery之类的其他库集成。您可以关注此文档https://reactjs.org/docs/integrating-with-other-libraries.html

Answer 2

如果正确使用，通常在React应用程序中不需要jquery。

有一些React组件的生命钩子，您可以在加载内容时使用它们进行初始化：https://www.fullstackreact.com/30-days-of-react/day-7/

您需要的救生钩ComponentDidMount在首次渲染组件时触发。