Document.ready работает с ReactJS
Я новичок в ReactJS, учусь и делаю один проект. И я застрял с такой проблемой. У меня есть приложение с авторизацией. Пользователь вводит учетные данные и переходит в приложение. Есть меню навигации, сделанное с использованием внешних библиотек. Он скользит вверх и вниз и инициализируется чем-то вроде
$(document).ready(function(){
$('.menu-class').makeCoolMenu();
});
Но, когда пользователь не вошел в систему - приложение не показывает меню. Этот код работает и ничего не делает. После авторизации появляется меню, но конечно не работает. Я погуглил, но ничего не нашел. Просто кое-что о «не используйте jquery с React». Но как правильно это сделать? Похоже, я не могу бежать
$('.menu-class').makeCoolMenu();
из приложения.
Заранее спасибо.
Ответы 2
Я думаю, ваша проблема в том, как интегрироваться с другими библиотеками, такими как jQuery. Вы можете подписаться на эту документацию https://reactjs.org/docs/integrating-with-other-libraries.html
Обычно jquery не нужен в приложении React, если вы его правильно используете.
Для компонента React есть жизненные хуки, которые можно использовать для инициализации чего-либо при загрузке контента: https://www.fullstackreact.com/30-days-of-react/day-7/
Life hook, что вам это нужно ComponentDidMount, который запускается при первом рендеринге компонента.