在ReactJS组件中呈现MathML表达式

Question

我希望在我的Ionic app中使用ReactJS渲染MathML表达式。我们正在使用Mathjax库，它可以正确呈现LaTex表达式，但会为MathML抛出错误。

我收到以下错误。

---

错误：不变违规：findComponentRoot（...，。e.2。$ A，＆lt; math xmlns = 0“http = 2 // www = 1w3 = 1org / 1998 / Math / MathML”display = 0“阻止“＆gt;

...

，false.0.0）：无法找到元素。这可能意味着DOM意外地发生了变异（例如，通过浏览器），通常是由于在使用表时忘记了，嵌套标签，如

，或者在父级中使用非SVG元素。尝试使用React ID“。”检查元素的子节点。

---

我无法看到任何解决方案。当我使用$ sce.trustAsHtml（html_code）直接在AngularJS中使用它时，它完美无缺。欣赏投入。感谢。

var MathMLReact = React.createClass({displayName: 'MathMLReact',
render: function(){
    return (React.createElement("div",null, "Hello. ",this.props.reactStuff));
}
});

添加JSFiddle链接myJSFiddle。