react-syntax-highlighter 不能美化代码？

Posted 2023-02-22

【中文标题】react-syntax-highlighter 不能美化代码？

【英文标题】：react-syntax-highlighter not beautifying code?

【发布时间】：2021-03-10 19:19:35

【问题描述】：

我正在使用包“react-syntax-highlighter”来美化 react 项目中的代码，但不知何故它仍然无法按预期工作。我试图搜索类似的问题，但找不到任何解决方案。下面的codeString 是使用blockly (by google) 生成的。

<SyntaxHighlighter language="javascript" style=docco showLineNumbers>
      codeString
</SyntaxHighlighter>

【问题讨论】：

你找到解决办法了吗？

@SurjithSM 显然我需要使用另一个包来格式化“js-beautify”window.js_beautify codeString ，其中 js_beautify 是您设置的变量

【参考方案1】：

需要考虑的几点：

确保反引号位于左边缘。不要标签它。并在上面的第一个```js之后使用语言简写。