Comment introduire des méthodes externes dans React

Comment introduire des méthodes externes dans React : 1. Introduisez des méthodes externes via l'importation ; 2. Introduisez des méthodes externes tout au long du cycle de vie dans React, un code tel que "componentDidMount(){let scriptSrc = ['/config/jquery.min. js" ', '/config/lib/codemirror.js']scriptSrc.map(res => {...}".

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0 .0, ordinateur Dell G3 .

Comment introduire des méthodes externes dans React ? (c'est-à-dire les méthodes)

Si le js Il est exporté via la valeur d'exportation par défaut d'es6 et peut être introduit via l'importation dans jsx

Mais si le js n'est qu'une méthode et n'est pas exporté via es6, etc., il doit être introduit via un script ;

Par exemple, j'ai écrit un js natif ou dans un In js, jquery est utilisé pour faire fonctionner la valeur de retour du nœud, c'est-à-dire que lorsqu'un élément de la page est cliqué, un événement natif est déclenché, ce qui ne peut pas être introduit via l'importation dans jsx. Il existe deux façons d'introduire ce js : 1. S'il se trouve dans votre cadre de réaction

2 Il peut également être introduit dans jsx tout au long du cycle de vie de réagir

Par exemple, si

   componentDidMount() {
        // 要引入的js文件地址
        let scriptSrc = ['/config/jquery.min.js', '/config/lib/codemirror.js']
        scriptSrc.map(res => {
            // 动态创建script标签
            var script = document.createElement('script');
            // 规则
            script.type = "text/javascript"
            // script中src只想路径
            script.src = res;
            // 追加到html的head头中
            document.head.appendChild(script);
        })
        var script = document.createElement('script')
        script.type = 'text/javascript'
        script.src = '/config/show-hint.js'
        // 追加到html中body的内
        document.body.append(script)
        var script = document.createElement('script');
        script.type = "text/javascript"
        script.src = '/config/formula.js';
        // 追加到html中body的内
        document.body.append(script);
    }

.

doit introduire plusieurs js, il doit créer dynamiquement plusieurs balises de script, sinon cette dernière remplacera l'ancienne Cover

Si js est ajouté à l'en-tête, c'est parce que

doit attendre que tous les codes js soient téléchargés, analysés et exécuté avant que le contenu de la page puisse commencer à s'afficher

Il y a un piège lors de l'introduction

Si le script introduit js en html, il le fera. L'adresse js est

http://http://localhost:端口号/你的js名称

, ce qui signifie que l'adresse js que recherche le navigateur est le fichier public dans votre projet, c'est-à-dire le fichier sous la ressource statique, nous devons donc mettre le js dans le public (sous le répertoire des ressources statiques) et l'importer directement / votre chemin

Apprentissage recommandé : "

Tutoriel vidéo React

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!