我如何使组件即使在DOM中也不在UI中可见？

Question

我有一个功能printDocument，该功能 onClick 下载内容为<ComponentViewToDownload/>的 pdf 。我不想在用户界面中显示该组件，只需下载按钮即可。有没有办法做到这一点？

     render() {
        return (
           <div>
             <button onClick={this.printDocument}>Download</button>
             <div id="divToPrint" >
               <ComponentViewToDownload/>
             </div>
           </div>
        );
     }

Answer 1

找到了解决方案：

    style={{
      position: "absolute",
      top: "-9999px",
      left: "-9999px"
    }}

效果很好，不会弄乱主界面布局