如何在React项目中使用KaTeX

Question

如何在React项目中使用KaTex？我通读了NPM的文档，仍然没有得到它。

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

Answer 1

katex.render需要一个DOM元素来渲染，您可以使用useRef钩子来获得一个。

const KaTeXComponent = ({texExpression}) => {
const containerRef = useRef();
useEffect(() => {
katex.render(texExpression, containerRef.current);
}, [texExpression]);
return <div ref={containerRef} />
}