0
178
Viewswindow.print() no funciona dentro de useeffect (o en cualquier parte de la página)
Estoy tratando de llamar a window.print() y no pasa nada. En el mismo lugar, pruebo window.alert('test') y funciona.
¿algunas ideas?
una página diferente en mi aplicación llama con éxito a window.print(), así que creo que no es una configuración de impresión en mi máquina
1 answers
Answer question0
window.print estaba siendo bloqueado por un elemento en la página.
Lo hice funcionar usando el react-to-print. Si observa el código detrás de reaccionar para imprimir, verá que no usa window.print, sino algo más como (target.contentWindow.print();). Y en el archivo Léame, puede ver que se creó explícitamente para escenarios en los que se bloqueó window.print, como Firefox. 
La implementación de esto es así:
- agregue una variable useRef y configúrela en un elemento en la página (ya sea un div quizás o un componente).
const componenteRef = useRef(); const handlePrint = useReactToPrint({ contenido: () => componenteRef.actual!})
<div css={{ display: 'none', '@media print': { display: 'block' } }} ref={componentRef}> <CoversheetPrint {...coversheetData} /> </div>https://github.com/gregnb/react-to-print/search?q=window.print