Highlight.js 与 React.js 语法高亮不起作用

Question

我正在尝试将highlight.js与react一起使用，但语法突出显示现在可以工作。 我试图将突出显示的语法存储在变量内，但显示整个内容而不使用highlight.js span标签突出显示。

import React from "react";
import hljs from "highlight.js";

const test = `const test = require('test')`;
const tt = hljs.highlightAuto(test).value;


function App() {
  return (
    <>
      <pre>
        <code>{tt}</code>
      </pre>
    </>
  );
}

export default App;

Answer 1

我认为react-highlight是建立在highlight.js之上的

Answer 2

如果你想尝试一下，我一直在使用 npm 包 https://www.npmjs.com/package/highlightjs-adapter