So fügen Sie Knoten dynamisch in React hinzu

So fügen Sie Knoten dynamisch in React hinzu: 1. Zeigen Sie das Popup-Fenster über die Methode „KmcDialog.showInstance = function(properties) {...}“ an. 2. Verwenden Sie „KmcDialog.showInstance({isShow: true}; Die Methode );KmcDialog.removeInstance" ();" kann bei Bedarf direkt aufgerufen werden.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie füge ich in React dynamisch Knoten hinzu?

Reagieren – Knotenkomponenten dynamisch einfügen

Nachdem Sie die Komponente eingeführt haben, können Sie die Anzeigekomponente einfügen, indem Sie

/**********组件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();
    }
}

aufrufen

Rufen Sie direkt dort auf, wo Sie sie verwenden müssen:

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

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonSo fügen Sie Knoten dynamisch in React hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!