Javascript 从React组件创建HTML文件

嗨，我需要将特定的react组件转换为html文件，以便我可以将这些html发送到服务器以生成pdf文件

---

有图书馆吗？提前感谢。

您必须在react中使用ref，这是react方法：

class Com extends Component {
    constructor(props){
        super(props);
        this.createRef = this.createRef.bind(this);
    }
    createRef(elem){
        //use elem and get the html element.
    }
    render() {
        return (
            <div ref={(elem) => this.createRef(elem)} >
                <span>hey</span>
            </div>
        );
    }
}

class Com扩展组件{
建造师（道具）{
超级（道具）；
this.createRef=this.createRef.bind（this）；
}
createRef（元素）{
//使用elem并获取html元素。
}
render（）{
返回(
this.createRef（elem）}>
嘿
);
}
}

可以使用服务器端渲染在服务器上的节点中渲染react组件

如果您可以将道具传递到服务器端，并在那里呈现组件，那么在服务器端，您应该能够获取生成的HTML，并将其传递给可以创建PDF的东西

您在服务器上使用的是什么？您是在一次性渲染之后，还是希望能够随着时间的推移使用不同的道具渲染相同的组件

通过谷歌快速搜索，找到了以下库：

这篇文章：

---

我输入此问题是为了找到以下问题的答案：
“如何从React组件生成HTML文件？”

但是作者实际上想从React组件生成一个PDF文件

快进到今天，以下是您想要的：

---

document.getElementById（'myHtml'）.outerHTML（）

执行此操作时，脚本和样式是否也会自动应用？或者我们必须为此做点什么？你什么意思？您也可以使用@justinas解决方案。你明白了吗？在呈现html之后。你可以在服务器端使用python做任何你想做的事情。是，随着时间的推移，使用diff道具渲染相同的组件。