Блог

здравствуйте, у меня возникли проблемы с изменением кода jQuery на ReactJS

Это код jQuery, который я хочу изменить на ReactJS

 $(function () {  if ($('#ms-menu-trigger')[0]) {  $('body').on('click', '#ms-menu-trigger', function () {  $('.ms-menu').toggleClass('toggled');  });  }  });  

HTML-код:

 lt;div className='ms-body'gt;  lt;div className='action-header clearfix'gt;  lt;div className='visible-xs' id='ms-menu-trigger'gt;  lt;i className='fa fa-bars'gt;lt;/igt;  lt;/divgt;  lt;/divgt;  

Внутри React я попробовал что-то вроде этого

В HTMLL:

 const [mobileChat, setMobileChat] = useState(true);   const handleToggle = () =gt; {  setMobileChat(!mobileChat);  };    lt;div  className={`ms-body ${  mobileChat ? 'ms-menu-trigger' : null}`}  gt;  lt;div className='action-header clearfix'gt;  lt;div className='visible-xs' id='ms-menu-trigger'gt;  lt;i className='fa fa-bars'gt;lt;/igt;  lt;/divgt;  lt;/divgt;  

Может быть, кто-нибудь сможет помочь мне с этим новообращенным персоналом