web-dev-qa-db-fra.com

Comment inclure des fichiers JS personnalisés dans React create app

J'avais des fichiers js dans le dossier public, je veux inclure ces fichiers js dans pour réagir aux composants qui se trouvent dans le dossier du composant src dans le compte-rendu de créer une application?

jqueryreactjsreactive-programming
4
Venkateswararao

Veuillez lire Utiliser le dossier public . 

En général, nous vous recommandons d'installer les packages à partir de npm et d'utiliser import pour y accéder à partir du source. Mais si vous devez utiliser un fichier JS prédéfini que vous ne souhaitez pas importer, vous pouvez l’ajouter au dossier public (par exemple, public/mylib.js), puis l’ajouter à public/index.html:

<script src="%PUBLIC_URL%/mylib.js"></script>

Ensuite, vous pouvez accéder à la variable globale à partir de votre application, par exemple:

const mylib = window.mylib;

Et puis l'utiliser.

J'espère que cela t'aides!

17
Dan Abramov

Placez-les dans le même dossier que vos composants de réaction et importez-les simplement dans vos composants de réaction de la manière suivante:

// importing your js file called jslibrary.js
// make sure that the file path is correct!
import { function1 } from './jslibrary.js'

Vous devez également vous assurer que vous exportez votre fonction/variables dans votre fichier jslibrary, comme ceci:

export function function1() {
  //... do stuff
}

let myVar = 1234;
export myVar;

Si vous utilisez export default sur une fonction ou une variable, vous n'avez pas besoin d'utiliser les crochets comme ci-dessus.

Pour plus d'informations, je recommande fortement la documentation sur import et export .

0
Mμ.