javascript - ReactToPrint 忽略颜色变化，而是打印原始颜色

Question

我正在开发一个 CV 构建器，我创建了一个按钮，将主颜色主题从蓝色更改为红色。颜色主题存储在 css 变量中，并且按钮有效。但是当我使用 ReactToPrint 时，它完全忽略了这种变化，而是打印了原始颜色。

按钮：

<button onClick={() => {
                  let root = document.documentElement;
                    root.style.setProperty('--primary-color', "red");
                }}> Change Color</button>

ReactToPrint 组件：

 <ReactToPrint
          trigger={() => {
            return <a href="#">Print this out!</a>;
          }}
          content={() => this.cvPdf}
        />

任何帮助表示赞赏！先感谢您！

标签： javascriptreactjsreact-to-pdfreact-to-print