ReactJS window.print 在取消打印时重新加载

Question

我有一个带有onClick的链接组件，可以打开打印窗口。

它可以正常打开打印窗口，但是，当我单击打印对话框中的"取消"或"打印"按钮时，它会重新加载并返回错误页面。

我的代码是：

 <Link
    className={`${class-prefix}__print-btn`}
    onClick={() => {
        window.print()
        // return false
        }}
     >
     Print
</Link>

在 dom 中呈现的是 <a class="test__print-btn" href="/">Print</a>

谢谢

Answer 1

onClick={(e: { preventDefault: () => void }) => {
    e.preventDefault()
    window.print()
}}

^ 似乎在克里斯·G的帮助下做到了这个伎俩：-(