【问题标题】:How to print the entire page in react-to-print如何在 react-to-print 中打印整个页面
【发布时间】:2021-07-31 18:23:03
【问题描述】:

我有一个打印按钮,在响应打印时效果很好


     const handlePrint = useReactToPrint ({
         content: () => printRef.current,
     });

<div ref = {printRef}> this will print </div>

我的问题是如何打印整个页面而不仅仅是单个组件?

【问题讨论】:

    标签: reactjs react-to-print


    【解决方案1】:

    您可以对页面的父组件使用相同的功能。(所有代码都为要打印的特定页面编写)

    【讨论】:

    • 非常感谢,如果按钮在子组件内,我想打印父组件内的所有组件?
    • 您可以在父组件中创建函数并在子组件中传递道具,然后在子组件中将道具放在按钮的onClick上。它会起作用..在这里我分享一个带有代码的示例链接,以便更好地了解我的答案..
    • 告诉我,这个链接是否适合你?
    • 太棒了!太感谢了。这个例子非常好。安排得很好。向我解释了许多我以前没有解决的事情
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-15
    • 2022-10-20
    • 2020-03-30
    • 2017-10-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多