Rumah  >  Artikel  >  hujung hadapan web  >  Cara menambah nod secara dinamik sebagai tindak balas

Cara menambah nod secara dinamik sebagai tindak balas

藏色散人
藏色散人asal
2022-12-29 11:48:011955semak imbas

Cara menambah nod secara dinamik dalam tindak balas: 1. Paparkan kotak pop timbul melalui kaedah "KmcDialog.showInstance = function(properties) {...}" 2. Gunakan "KmcDialog.showInstance({ isShow: true}) ;KmcDialog.removeInstance();" kaedah boleh dipanggil terus jika perlu.

Cara menambah nod secara dinamik sebagai tindak balas

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk menambah nod secara dinamik dalam bertindak balas?

Komponen Nod Sisipan Dinamik Bertindakbalas

Selepas memperkenalkan komponen, anda boleh memasukkan komponen paparan dengan memanggil

/**********组件KmcDialog************/
/**
 * 显示弹框
 */
KmcDialog.showInstance = function(properties) {
    if (!document.getElementById("KmcDialog")) {
        let props = properties || {};
        let div = document.createElement('div');
        div.setAttribute('id', 'KmcDialog');
        document.body.appendChild(div);
        ReactDOM.render(React.createElement(KmcDialog, props), div);
    }
}
/**
 * 删除弹框
 */
KmcDialog.removeInstance = function() {
    if(document.getElementById("KmcDialog")) {
        document.getElementById('KmcDialog').remove();
    }
}

apabila perlu Hubungi terus di mana digunakan:

KmcDialog.showInstance({
    isShow: true
});
KmcDialog.removeInstance();

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Cara menambah nod secara dinamik sebagai tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn