为什么我的积分没有用 react-better-mathjax 显示得更大？

Question

我正在使用 react-better-mathjax，当我显示积分时，它没有按应有的方式显示。

说的大一点....

它显示这个：

而不是：

这是代码：

var mj = "\(V_{\frac{1}{2}sphere(h)} = \int_0^R \pi(R^2 - h^2) dh \)";

return (
          <MathJaxContext>
              <MathJax dynamic hideUntilTypeset={ "every" } >
                  {mj}
               </MathJax>
           </MathJaxContext>
    );

可能是 Latex 的问题，但是我没有在文档中找到答案。

有人可以帮我吗？

Answer 1

在 Latex、AsciiMath 和 MathML 中都有一种称为 display 模式和 inline 模式的东西，其中显示模式应该用于可以使用更多 space 和内联模式的独立方程式应该用于文本中的方程式。在 AsciiMath 中，您必须决定是要对整个文档使用显示模式还是内联模式，但对于 Latex 和 MathML，您可以同时使用这两种模式。

对于您似乎使用的 Latex，您必须在配置中设置用于显示模式和内联模式的分隔符：

  const config = {
    loader: { load: ["[tex]/html"] },
    tex: {
      packages: { "[+]": ["html"] },
      inlineMath: [["$", "$"]],
      displayMath: [["\(", "\)"]]
    }
  }

使用此配置，您应该使用 $ 和 $ 分隔内联模式数学。并使用 $ 和 $.

显示模式数学

有了这个，您的示例将按您想要的方式排版。

沙盒：https://codesandbox.io/s/user-example-9-gbsxe

为什么我的积分没有用 react-better-mathjax 显示得更大？

Why my integral is not displaying bigger with react-better-mathjax?

javascript

integral

mathjax

reactjs