Ich baue eine React APP und ich benutze ein paar jQuery-Plugins. In meiner App verwende ich ES6 und importiere alle Dinge.React und jQuery Plugins
Also, in einer normalen Umgebung würde ich die <script /> auf der Seite hinzufügen und das Plugin init.
Was ist der beste Weg, um ein jQuery-Plugin in eine React-Komponente zu importieren? Kann mir bitte jemand erklären?
Danke!
Es hängt davon ab, was Sie mit jQuery zu tun versuchen. Ich stimme @Vilvan darin zu, dass es normalerweise keine gute Idee ist, jQuery mit React zu mischen, da React ein virtuelles DOM verwendet und alle DOM-Manipulationen dort durchgeführt werden sollten. Reagieren verwendet das virtuelle DOM, um das tatsächliche DOM zu bearbeiten. jQuery ändert das tatsächliche DOM, so dass es Probleme verursachen kann.
Für die meisten UI-Effekte verwende ich react-bootstrap anstelle von jQuery. Es hat alle UI-Effekte, die ich benötigt habe, einschließlich Fades, Modale usw. Ich verwende jQuery für Nicht-DOM-Funktionalität, wie AJAX-Aufrufe, und es hat keine Probleme verursacht.
Um Ihre Frage genauer zu beantworten, wenn ich jQuery für AJAX-Aufrufe verwende, verwende ich einfach <script>, um die jQuery-Bibliothek zu importieren. Ich verwende import nicht, da das Objekt jQuery $ global definiert wäre.
Sie können die JQuery-Datei irgendwo zugänglich machen und 'import $ from '<path to jQuery>'; verwenden. Das funktioniert, aber die Reaktion mit jQuery ist keine gute Idee. Für jede jQuery-Implementierung gibt es eine einfache alternative grundlegende JavaScript-Implementierung. Sie können dies beziehen. YouMightNotNeedJQuery
Überprüfen Sie dieses Handbuch: Wrapping DOM-Bibliotheken (https://github.com/ryanflorence/react-training/blob/gh-pages/lessons/05-wrapping-dom-libs.md) – shershen