erstellen reagieren-App wie

Question

direkt importierten Skripte in HTML verwenden

ich Bootstrap in meinem bin mit reagieren App erzeugt mit create-reagieren-App

Unten sind zwei Importe, die ich in meiner index.html bin mit

<script src="./vendor/jquery-3.1.0.min.js"></script> 
<script src="./vendor/bootstrap.min.js"></script> 

jedoch in Code, wenn ich so etwas wie

$('.dropdown').dropdown() 

ich erhalte eine Fehlermeldung wie - Fehler '$' ist nicht no-undefdefiniertKann mir jemand dabei helfen? Vielen Dank!

Answer 1

Wenn Sie jQuery benötigen, laufen:

npm install --save jquery 

Dann Sie es in der App-Code verwenden können:

import $ from 'jquery'; 

Beachten Sie, dass dies nur mit den Versionen 2.x arbeitet und darüber.

---

Sie können es auch als Skript-Tag verwenden.
Dies wird nicht empfohlen.

, es zu tun, setzen jQuery in den public Ordner und fügen Sie diese HTML:

<script src="%PUBLIC_URL%/jquery-3.1.0.min.js"></script> 

Dann können Sie es aus der App verwenden:

const $ = window.$; 

---

Im Allgemeinen I würde empfehlen, React Bootstrap anstelle von Bootstrap in React-Projekten zu versuchen. Es stellt ähnlich aussehende Komponenten zur Verfügung, benötigt aber keine jQuery und arbeitet zusätzlich zu React.

Ich hoffe, das hilft! Bitte melden Sie Probleme, wenn Sie etwas verwirrt haben. Wir helfen gerne.

Answer 2

Möglicherweise müssen Sie das jquery-Paket anfordern. Fügen Sie var $ = require ('jquery') (nach der Installation - npm install --save jquery) für alle Komponenten ein, die auf jQuery verweisen.