Integrate with jsx MathML about react-mathjax-preview HOT 2 CLOSED

@ryanehlers if you put raw MathML inside a react component, react will render it, however for MathJax to function properly we need to pass String to the underlying MathJax library.

I thought perhaps one could do something like this:

<MathJax>
    <math>
      <mfrac>
        <mn>1</mn>
        <mn>3</mn>
      </mfrac>
    </math>
<MathJax>

For this to work we need to extract children as string. With a quick search I found jsx-to-string but I was unable to extract the MathML.

If you can fix it, send me a PR. I'd be happy to merge it!

from react-mathjax-preview.

I'll close this as a wontfix since the component (and MathJax) needs a string for typesetting. Moreover, your workaround looks perfectly fine to me. There is also Algolia's react-element-to-jsx-string which might be interesting.

from react-mathjax-preview.