reactjs 将JSX.元素转换为HTMLE元素

k4ymrczo 于 2023-01-17 发布在 React

关注(0)|答案(1)|浏览(213)

我想在react js项目https://www.npmjs.com/package/html-to-image中使用这个库。
在我的例子中，我想使用一个包含简单div的var并将其导出为Image，但有一个问题：my var（节点）是JSX.Element，库的“toPng”方法接受HTMLElement作为参数。

我知道这个库的文档建议使用如下方法来获得一个HTMLElement：var node = document.getElementById('my-node')，但在我的例子中，我不能这样做，因为我的节点不在文档中。
那么，有一种方法可以将JSX.Element转换为HTMLElement吗？）

reactjs

来源：https://stackoverflow.com/questions/63214239/convert-a-jsx-element-to-an-htmlelement

1条答案

按热度按时间

blpfk2vs1#

为此，请使用react-dom/server库中的renderToStaticMarkup。

import { renderToStaticMarkup } from "react-dom/server"

const output = document.createElement('p')
const staticElement = renderToStaticMarkup(reactElement)
output.innerHTML = staticElement

赞(0）回复(0）举报 2023-01-17

我来回答

reactjs 将JSX.元素转换为HTMLE元素

1条答案

相关问题

热门标签

最新问答