2

我正在使用 highlight.js 在我的反应应用程序中显示 JSON 数据。

一些 JSON 数据运行良好。这是示例: 在此处输入图像描述

但是我有一些 JSON 包含一个具有 \r\n 的函数,而且似乎这个 \r\n 不想去。例如: 在此处输入图像描述

这是我的代码

import hljs from 'highlight.js'
import 'highlight.js/styles/github.css'
import json from 'highlight.js/lib/languages/json'
/* eslint-disable */
hljs.registerLanguage('json', json)
hljs.highlightAll()
/* eslint-enable */
interface Prop {
  code: string
  setIsFormulaEditable: () => void
}
export function ShowFormula(props: Prop): JSX.Element {
  return (
    <pre onClick={() => props.setIsFormulaEditable()}>
      <code className="json">{props.code}</code> // I have this parsed and stringified when passing it as props
    </pre>
  )
}

是否可以删除此 \r\n 并用换行符替换它?

4

0 回答 0