我将如何自定义 ReactToPrint 库中打印 pdf 的按钮 link？

Question

Here is the code from sandbox

那么如何将 link 按钮 Print this out! 放在 table 下方？ 我可以根据自己的设计使用 CSS 自定义它吗？

Answer 1

直接写在table组件下面就可以了

<div>
  <ComponentToPrint ref={el => (this.componentRef = el)} />
  <ReactToPrint
    trigger={() => <a href="#">Print this out!</a>}
    content={() => this.componentRef}
  />
</div>