Über den Lösungseintrag zur fehlenden Reaktion der Seite bei Verwendung von window.print() in React

1. Hintergrund des Problems:

window.print()頁面打印出現頁面無響應

Ich habe online viele Lösungen gesehen, die window.location.reload() verwenden. Bei dieser Lösung bin ich mir nicht sicher. Das Aktualisieren der Seite kann dieses Problem sicherlich lösen, ist aber nicht fortgeschritten.

2. Ursachen des Problems:

Das Dokument wurde möglicherweise manipuliert, aber nicht vernichtet (vielleicht)

3. Problemlösung:

Beseitigen Sie das Dokument der Operation

封裝一個printFun()方法

//Der Methodenparameter content: das zu druckende Element printFun = (content) => {
        var Window = window.open("", "Seite drucken", "Symbolleiste=nein, Standort=nein, Verzeichnisse=nein, Status=nein, Menüleiste=nein, Bildlaufleisten=nein, Größe veränderbar=ja, Kopierverlauf=nein");
        var Stil = "<Stiltyp='text/css'></Stil>";
        Window.document.write(Inhalt + Stil);
        Fenster.Fokus();
        Window.document.close(); //Schließen Sie den Ausgabestream des Dokuments und zeigen Sie die ausgewählten Daten an. Window.print(); //Drucken Sie das aktuelle Fenster. return Window;
    }

Methodenaufruf: billDetails是你當前想要打印的元素的id，當然只要是能找到該元素，其他方法都可以

var windows = this.print(document.getElementById('billDetails').innerHTML);
    windows.schließen();

Zusammenfassen:

Wenn es Stilprobleme gibt, müssen Sie dem Code selbst CSS hinzufügen, d. h. style Stilvariable in der printFun Methode, und Sie müssen sie selbst ändern

Dies ist das Ende dieses Artikels darüber, wie das Problem der fehlenden Seitenreaktion bei Verwendung von window.print() in React gelöst werden kann. Weitere verwandte Inhalte zur fehlenden Seitenreaktion bei Verwendung von window.print() in React finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!