如何使用 ReactJS 在 MathJax 中换行答案

【问题标题】：How to Break Line in MathJax using ReactJS如何使用 ReactJS 在 MathJax 中换行
【发布时间】：2021-09-20 10:21:00
【问题描述】：

我正在使用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

【问题讨论】：

标签： reactjs mathjax

【解决方案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 with HTML 中执行此操作，因此您还可以将不同的行添加到不同的 HTML / React 组件以完成您想要的：
```
<MathJax>{`$$x =√(t )$$`}</MathJax>
<MathJax>{`$$\\mathrm{V}=\\frac{d x}{d t}=\\frac{1}{2} t^{\\frac{-1}{2}}$$`}</MathJax>
```

可能还有更多方法。

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

【讨论】：