如何使用 ReactJS 在 MathJax 中换行

Question

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

Answer 1

您显示的换行符适用于 HTML 和普通 Latex。 MathJax 只处理 Latex 的数学模式部分，而不是所有的 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 in the sandbox，使用显示数学和内联数学显示了所有这些选项，但它应该在所有正确使用 MathJax 的库中工作相同反应。

如何使用 ReactJS 在 MathJax 中换行

How to Break Line in MathJax using ReactJS

mathjax

reactjs