如何从 React 中的 ref 中删除节点

如何解决如何从 React 中的 ref 中删除节点

我正在使用 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 中可用。

有没有办法在代码中删除它们？