如何在 React 项目中使用 KaTeX？

Question

如何在React项目中使用KaTex？我通读了有关 NPM 的文档，但仍然不明白。

我不太明白 katex.render 和 katex.renderToString 如何应用于 React。

Answer 1

katex.render 需要一个 DOM 元素来渲染，你可以用 a useRef hook.

得到一个

const KaTeXComponent = ({texExpression}) => {
    const containerRef = useRef();

    useEffect(() => {
        katex.render(texExpression, containerRef.current);
    }, [texExpression]);

    return <div ref={containerRef} />
}

如何在 React 项目中使用 KaTeX？

How can I use KaTeX in React project?

javascript

npm

reactjs

katex