Comment puis-je utiliser le script externe que j’ajoute pour réagir à JS ?

Question

Je voudrais ajouter à mon composant de réaction un

``

Je sais que je peux simplement l’ajouter en utilisant JSX , ce que je ne sais pas, c’est comment l’utiliser,

par exemple, ce script a une fonction appelée A.Sort() , comment puis-je l’appeler et l’utiliser à partir d’un composant?

Answer 1

Vous pouvez charger le script de façon asynchrone et y accéder en charge.

Il devrait s’attacher à la `` .

ou

Answer 2

Vous pouvez inclure la balise dans le /public/index.html, puis utiliser le script comme vous l’utilisez dans le code JS normal, par exemple si vous souhaitez utiliser jQuery:

dans votre public/index.html inclure les éléments suivants :

Et puis n’importe où vous pouvez utiliser la fonctionnalité jQuery comme d’habitude:

Answer 3

Parfois, nous avons besoin de travailler avec des bibliothèques js externes dans de tels cas, nous avons besoin d’insérer des balises de script dans les composants, mais en réaction, nous utilisons jsx, de sorte que nous ne pouvons pas ajouter des balises de script directement comme la façon dont nous ajoutons en HTML.

Dans cet exemple, nous verrons comment charger un fichier script externe dans une tête, des éléments du corps ou un composant.

Answer 4

Vous pouvez modifier votre index.html fichier (si vous en utilisez un) en ajoutant le script requis.

Alternativement, si vous ne pouvez pas le modifier ou si vous ne l’utilisez pas, il y a un tas d’add-ons qui résolvent cela, par exemple react-load-script

Answer 5

Après avoir ajouté ce script dans votre index.html

vous pouvez vérifier les fonctions disponibles si vous consolez.log (fenêtre) dans App.js (ou, où vous voulez). Une fois que vous vérifiez la fonction exacte, alors vous pouvez l’utiliser comme

Je pense que cela pourrait être la façon la plus simple. N’oubliez pas que vous devez écrire « fenêtre ».