Javascript #将JSX.Element转换为HtmleElement

我想将此库用于我的react js项目

在我的例子中，我想使用一个包含简单div的var并将其导出为映像，但有一个问题：我的var（node）是一个JSX.Element，库的“toPng”方法接受一个HTMLElement作为参数

我知道库的doc建议使用这样的方法来获取HTMLElement:

var node=document.getElementById（'my-node'）

，但在我的情况下，我不能这样做，因为我的节点不在文档中

---

所以有一种方法可以将JSX.Element转换为HtmleElement？提前感谢；）

使用

renderToStaticMarkup

执行此操作

从“react dom/server”导入{renderToStaticMarkup}
常量输出=document.createElement（“div”）
staticElement=renderToStaticMarkup（reactElement））
output.innerHTML=`${staticElement}`

使用

renderToStaticMarkup

执行此操作

从“react dom/server”导入{renderToStaticMarkup}
常量输出=document.createElement（“div”）
staticElement=renderToStaticMarkup（reactElement））
output.innerHTML=`${staticElement}`
'react-dom/server'
's
renderToString
怎么样？@k-wasilewski谢谢你的建议，我刚刚尝试了你给我的建议，但是
renderToString
返回一个字符串，toPng方法需要一个HTMLElements，所以我想你需要一个普通的
React.render
然后
React.findDOMNode
来获取元素。尝试做完全相同的事情时，我看到你没有接受你得到的一个答案。你找到更好的解决办法了吗？如果是这样的话，你能把它贴在这里吗？关于
'react-dom/server'
's
renderToString
？@k-wasilewski谢谢你的建议，我刚刚尝试了你给我的建议，但是
renderToString
返回一个字符串，toPng方法需要一个HTMLElements，所以我想你需要一个普通的
React.render
然后
React.findDOMNode
来获取元素。尝试做完全相同的事情时，我看到你没有接受你得到的一个答案。你找到更好的解决办法了吗？如果是的话，你能把它贴在这里吗？