我正在使用react project中的react-syntax-highlighter软件包来美化代码，但是不知怎么的，它还是不能正常工作。我试着搜索类似的问题，但是没有找到任何解决方案。下面的{codeString}是使用blockly生成的。
{codeString}
<SyntaxHighlighter language="javascript" style={docco} showLineNumbers> {codeString} </SyntaxHighlighter>
bmp9r5qi1#
需要考虑的几件事：
确保反勾号在左边缘，不要用制表符，并在第一个“j”后面使用语言简写。
9udxz4iz2#
正如我所调查的，react-syntax-highlighter按照预期工作，它根本没有提到格式，它只是一个荧光笔或着色器。
react-syntax-highlighter
您必须使用一个单独的库，即prettier。它们不会冲突，因为prettier只是将制表符、空格和换行符直接放入字符串中。
prettier
mklgxw1f3#
3条答案
按热度按时间bmp9r5qi1#
需要考虑的几件事：
确保反勾号在左边缘，不要用制表符，并在第一个“j”后面使用语言简写。
9udxz4iz2#
它不会美化代码。
正如我所调查的，
react-syntax-highlighter按照预期工作，它根本没有提到格式，它只是一个荧光笔或着色器。您必须使用一个单独的库，即
prettier。它们不会冲突，因为prettier只是将制表符、空格和换行符直接放入字符串中。mklgxw1f3#
对于
react-syntax-highlighter中的美化代码，您可以使用prettier示例：
输出：