Bagaimana untuk memperkenalkan kaedah luaran sebagai tindak balas

Cara memperkenalkan kaedah luaran dalam tindak balas: 1. Memperkenalkan kaedah luaran melalui import 2. Memperkenalkan kaedah luaran melalui kitaran hayat dalam tindak balas, kod seperti "componentDidMount(){let scriptSrc = ['/config/ jquery" .min.js', '/config/lib/codemirror.js']scriptSrc.map(res => {...}".

Persekitaran pengendalian tutorial ini: sistem Windows 10, react versi 18.0.0, komputer Dell G3

Bagaimana untuk memperkenalkan kaedah luaran dalam bertindak balas

Rekod pengenalan fungsi luaran js dalam react Masalah

Apabila bekerja pada projek react, kadangkala anda perlu merujuk modul js asli lain (iaitu kaedah)

Jika js dieksport melalui lalai eksport es6, maka dalam jsx boleh diperkenalkan melalui import

Tetapi jika js hanyalah kaedah dan tidak dieksport melalui es6, dsb., ia mesti diperkenalkan melalui skrip; ;

Sebagai contoh, saya menulis js asli atau dalam js Menggunakan jquery untuk mengendalikan nilai pulangan nod bermakna peristiwa asli dicetuskan apabila elemen halaman diklik dalam jsx, ia tidak boleh diperkenalkan melalui import

Terdapat dua cara untuk memperkenalkan js ini

1 Jika anda memperkenalkan

dalam html dalam rangka kerja reaksi anda 2. Anda juga boleh memperkenalkan.

dalam jsx melalui kitaran hayat dalam tindak balas, seperti

   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);
    }

Jika anda perlu memperkenalkan beberapa js, anda perlu mencipta beberapa teg skrip secara dinamik, jika tidak, tag yang kedua akan menimpa yang pertama

Jika anda menambah js pada pengepala, ini adalah kerana

mesti menunggu sehingga semua kod js Selepas semua muat turun, penghuraian dan pelaksanaan selesai, kandungan halaman mula dipaparkan

Terdapat perangkap apabila memperkenalkan

Jika skrip memperkenalkan js dalam html, alamat jsnya ialah

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

Maksudnya, alamat js yang dicari oleh penyemak imbas ialah fail di khalayak ramai dalam projek anda, iaitu fail di bawah sumber statik, jadi kami perlu meletakkan js ke dalam umum (dalam direktori sumber statik) dan mengimportnya terus / laluan anda 🎜>

Disyorkan pembelajaran: "

tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan kaedah luaran sebagai tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!