Comment cacher mon menu de boutons pendant l'impression?

Question

J'ai un bouton qui imprime la page en cours de visionnement. Je veux cacher mon menu de boutons qui est contenu dans le div 'mainMenuDiv' quand je vais imprimer.

Aucun des éléments suivants ne semble fonctionner et génère une erreur de style non-capturé nul.

document.getElementById('mainMenuDiv').style.display = 'none'; 
document.getElementById('mainMenuDiv').style.visibility = 'hidden'; 

Voici mon code d'écran d'impression

<button className="printBtn" onClick={this.printPage}>PRINT SCREEN</button> 

printPage() { 
     window.print(); 
    } 

Je ne sais pas comment je peux cacher mainMenuDiv sans utiliser ce qui précède document.getElementById appelle

Answer 1

Vous pouvez utiliser le type @media appelé print et contrôler via CSS:

@media print { 
    #mainMenuDiv { 
    display: none; 
    visibility: hidden; 
    } 
}