问题描述
我正在使用 ref 保存对稍后使用 react-to-print 打印的组件的引用。
此组件包含多个组件作为子组件,但不应打印所有组件。
这是代码结构:
import React,{ useRef } from 'react';
import { useReactToPrint } from 'react-to-print';
...
const MainCompoment = () => {
...
const componentRef = useRef();
// next method is passed to the components somewhere
const handlePrint = useReactToPrint({
content: () => componentRef.current
});
return (
<div className="container main" ref={componentRef}>
<ChildComponent />
<AnotherChildComponent />
</div>
);
}
已将 console.log 添加到日志 componentRef
。将其存储为全局变量并访问它 temp1.current
它返回 html:
<div class="container main">...</div>
现在,我想删除一些不需要打印的元素。我看到它们在控制台的 temp1.current.childNodes
中可用。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)