标签: react-to-print

我通常使用react-to-print（https://www.npmjs.com/package/react-to-print）来打印React组件，既省力又灵活。我开始使用 TypeScript 编写应用程序，这是我第一次需要将这两件事结合起来。

这是我的代码：

<ReactToPrint
  trigger={() => <Button variant="contained" color="primary">Generar</Button>}
  content={() => componentRef.current}
/>
<PrintableComponent ref={componentRef} />

要创建参考，我只需执行以下操作：

const componentRef = useRef();

在 JavaScript 中，它可以工作，但是当我使用时.tsx，我在 ReactToPrint 组件的“content”参数中收到一个错误，在我自己的 PrintableComponent 的 ref 参数中收到另一个错误。有人可以帮我解决这个问题吗？

基本上，错误表明接口不匹配。