React + MetisMenu don't work together properly

Hello, I’m using React and after React’s render, I apply MetisMenu. If React doesn’t render again to update DOM, there is no problem. However, if React renders document more than once, MetisMenu’s onClick references get broken so menu not working. But actual problem is that applying MetisMenu after every render does not solve the problem because after first applying MetisMenu, it doesn’t let second time. I notice that MetisMenu uses jQuery.data() and mm data field to keep plugin values. And to solve the problem, I used this;

$('#menu_container').data('mm',false).metisMenu();

I placed above code to execute after every render of React, and problem solved. But it’s not confortable that’s why I like to note that.

[alpertuna]

@achapela I looked over my old project for you. I achieved this avoiding render again and for this, I prepared menu part as an external bundle library to make it work independently. However it is not a proper usage. For my new projects I created new menu library just for react recently, you may want to look over it alpertuna/react-metismenu

[onokumus]

@alpertuna Sorunu bir de türkçe olarak [e-mail] adresine yazar mısın?