Document.ready与ReactJS一起运行

Question

我是ReactJS的新手，学习和制作一个项目。我遇到了这样的问题。 我有授权的应用程序。用户输入凭据并转到应用程序。有一个使用外部库制作的导航菜单。它上下滑动并用类似的东西初始化

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

但是，当用户未登录时 - 应用程序未显示菜单。此代码运行并且什么都不做。授权菜单出现后，当然不能正常工作。 我用Google搜索，但没有发现任何相关信息。只是“不要使用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在第一次渲染组件时被触发。