React-Latex 重复文本

Question

我正在尝试使用包react-latex来创建漂亮的数学符号。每当我输入乳胶字符串时，它都会重复文本两次 - 一次在漂亮的乳胶渲染中，一次在非漂亮的乳胶渲染中。例如，下面的代码生成文本两次，一次作为指数，一次作为丑陋的“a2”

import Latex from 'react-latex'
export default function Home() {
  <div>
    <Latex> $$\a^2 $$</Latex>
  </div>
}

Answer 1

看起来有一个“输出”选项。默认情况下两者都会显示。

https://katex.org/docs/options.html

react 组件的文档不是很清楚，但也许可以尝试一下

<Latex output="mathml"> $$\a^2 $$</Latex>

Answer 2

在 LaTeX 中，要表示指数，应使用脱字号 (^) 后跟指数值。但是，在您的代码中，您在字母“a”之前使用了反斜杠 ()，这导致了重复。

import Latex from 'react-latex';

export default function Home() {
  return (
    <div>
      <Latex> $$a^2$$ </Latex>
    </div>
  );
}

希望这有帮助:)

Answer 3

安装katex和react-katex包就可以解决问题