如何使用 ReactJS 在 MathJax 中换行

如何解决如何使用 ReactJS 在 MathJax 中换行

我正在使用 MathJax 我无法换行。
我已经尝试使用 <br/> 、 \n 和 \\ 但它对我不起作用。

const blockFormula = `x =√(t )   \\
\\mathrm{V}=\\frac{d x}{d t}=\\frac{1}{2} t^{\\frac{-1}{2}}`;

MathJax Doc 版本 1.0.1

解决方法

您显示的换行符适用于 HTML 和常规 Latex。 MathJax 只处理 Latex 的 MATH MODE 部分，而不是 Latex 的全部，因此您需要完成换行符数学模式样式。您基本上至少有 3 个选择：

• 使用数学模式 gather 环境：

  <MathJax>
      {
        `$$\\begin{gather}
              x =√(t ) \\\\ 
              \\mathrm{V}=\\frac{d x}{d t}=\\frac{1}{2} t^{\\frac{-1}{2}} \\\\
        \\end{gather}$$`
      }
  </MathJax>
  

• 如果您还想对齐行，请使用数学模式 align 环境：

  <MathJax>
      {
        `$$\\begin{align}
              x &=√(t ) \\\\ 
              \\mathrm{V}=\\frac{d x}{d t}&=\\frac{1}{2} t^{\\frac{-1}{2}} \\\\
        \\end{align}$$`
      }
  </MathJax>
  

• 由于您在 React 中使用 HTML 执行此操作，因此您还可以将不同的行添加到不同的 HTML/React 组件中以完成您想要的操作：

  <MathJax>{`$$x =√(t )$$`}</MathJax>
  <MathJax>{`$$\\mathrm{V}=\\frac{d x}{d t}=\\frac{1}{2} t^{\\frac{-1}{2}}$$`}</MathJax>
  

可能还有更多方法。

我冒昧地在我为您准备的 better-react-mathjax 中使用了我自己的 sandbox，使用显示数学和内联数学显示所有这些选项，但它在所有库中的工作方式都相同在 React 中正确使用 MathJax。