小编Nyo*_*oho的帖子

我正在尝试在React项目中呈现LaTeX字符串.虽然我使用了react-mathjaxReact组件,但是我希望获得一个由LaTeX字符串组成的HTML字符串,以便将它与其他字符串连接起来并通过dangerouslySetInnerHTML进行设置.

我试过的当前代码

示例代码如下:https://github.com/Nyoho/test-react-project/blob/component2string/src/components/tex.jsx

1. LaTeX字符串以字符串形式给出
2. 创建一个空的DOM aDom通过document.createElement('span')(在后台,没有在文档DOM树.)
3. 将一个LaTeX字符串渲染ReactDOM.render为aDom
4. 渲染后,通过aDom.innerHTML或获取一个字符串.outerHTML

问题

的价值aDom.innerHTML(或.outerHTML)是"<span><span data-reactroot=\"\"></span></span>"(几乎是空的),虽然aDom具有MathJax生成一个完美的树.

简单地说,

1. aDom:
2. aDom.outerHTML:

屏幕截图console.log aDom和aDom.outerHTML

题

如何从aDom上方获取"正确的"HTML字符串？