Cara menambah nod secara dinamik sebagai tindak balas

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.

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!