我如何从mathjax.org使用的React JS中呈现Mathjax表达式？

编程问答 2022-08-12

问题描述

Index.html 

<script type="text/x-mathjax-config">
      MathJax.Hub.Config({
          extensions: ["tex2jax.js"],jax: ["input/TeX","output/HTML-CSS"],showProcessingMessages: false,showMathMenu: false,showMathMenuMSIE: false,messageStyle: "none",tex2jax: {
              inlineMath: [
                  ["$","$"],["\\(","\\)"]
              ]
          },"HTML-CSS": {
              linebreaks: {
                  automatic: true,width: "container"
              },preferredFont: "qikikFont"
          }
      });
    </script>

所以我在这里尝试加载mathjax 在组件级别，我试图呈现一个数学方程式 任何人都可以按照正确的程序指导我，我正在使用winodw的Mathjax吗？

export default class Performance extends Component {
    componentDidMount() {
        window.MathJax.Hub.Config({ //config is undefined 
          skipStartupTypeset: true,extensions: ["tex2jax.js","TeX/AMSmath.js"],tex2jax: {
              inlineMath: [["$","$"]],processEscapes: true
          }
      });
      }
      renderMath() {
        var HUB = window.MathJax.Hub;
        HUB.Queue(["Typeset",HUB,"render-me"]);
      }

      render() {
        return (              
            <p onCllick={this.renderMath}>Performance works</p>                    
        );
      }
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.0.0/umd/react-dom.production.min.js"></script>
  <script
  id="MathJax-script"
  async
  src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js"
></script>

因此，我不应该使用https://www.npmjs.com/package/mathjax-react和任何其他npm软件包。 请在沙箱https://codesandbox.io/s/silent-monad-98ewn?file=/src/MAthjax.js:1125-1135

中引用此代码

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptmathjaxreactjsreactjsreactjsreactjs