Intento usar reaccionar para imprimir en el próximo js, pero lib es para reaccionar, esto es lo que estoy tratando de hacer.

aquí está mi index.tsx

 import PrintComponent from './PrintComponent'; const Index = () => { return ( <> <ReactToPrint trigger={() => <button>Print this out!</button>} content={() => React.componentRef} /> <div className="hidden"> <PrintComponent ref={el => (React.componentRef = el)} /> </div> </> ); }; export default Index;

Intento importar PrintComponent aquí está mi PrintComponent

 export function PrintComponent() { return ( <div> <p>Count is: 1</p> </div> ); } export default PrintComponent;

después de hacer clic en el botón, no sucede nada, pero si cambio mi index.tsx

 import { PrintComponent } from './PrintComponent';

y mi PrintComponent se ve así

 export class PrintComponent extends React.Component { render() { return ( <div> <p>Count is: 1</p> </div> ); } }

¡Es trabajo!

cualquiera puede ayudarme a explicar cómo es diferente y cómo puedo convertirlos en el próximo