Tepki: js

Question

içinde çok sayıda DOM yapısına sahip dış kitaplıkları tümleştirin Kullanmakta olduğum bazı non-react kitaplıkları javascript içeren bazı DOM nesli gerçekleştirir. İdeal olarak, tepkimenin render döngüsünde olmasını isterdim, ancak tepki bazı DOM işlevlerini uygulamıyor.

ie. Bir kitaplık, bir başlık (jQuery'yi kullanarak) göstermek için bir parça oluşturmak ister ve bu da sırasıyla document.createDocumentFragment öğesini çağırır.

Çevresinde basit bir çalışma, kütüphanenin bileşenlerin bağlanması veya güncellenmesiyle oluşturulmasını sağlamaktır. Ama sanal DOM kullanarak render etmeye çalışıyorum. Kütüphaneyi yeniden oluşturmak veya taşımak için daha iyi bir yaklaşım var mı?

Answer 1

"Portal" a ihtiyacınız var.

Metodoloji:

1. DOM kütüphanelerini genellikle manipüle
2. çalışır yeniden işlemek ve Tepkisiz DOM ve farklı bir DOM daha bulur şöyle, bu çok iyi bir çözüm açıklıyor https://github.com/ryanflorence/react-training/blob/gh-pages/lessons/05-wrapping-dom-libs.md bir göz atın Bu son kez vardı ve
'u korkutuyor. React'tan DOM manipülasyonunu render ağacını kırarak ve ardından lib manipülatörleri DOM'a yeniden bağlanarak gizliyoruz.
3. Bileşenimizin tüketicileri React-land'da kalabilirler.