React中如何格式化展示后端返回的多语言纯文本代码？

核心格式规则 #

• 标题：使用数字符号（#）表示层级，# 的数量对应标题级别，最多支持6级
  示例：

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 列表项：以短横线（-）开头创建无序列表，嵌套列表可通过缩进后再使用短横线实现
  示例：

  - 一级列表项
    - 二级嵌套列表项
      - 三级嵌套列表项
  

• 文本强调：用星号（*）包裹文本，单星号对应斜体，双星号对应加粗
  示例：

  *这是斜体文本*
  **这是加粗文本**
  ***这是斜体加粗文本***
  

• 代码/命令：单行代码用单个反引号（`）包裹，多行代码用三个反引号包裹，还可指定语言实现语法高亮
  示例：

  单行代码：`console.log('Hello World')`
  多行代码：
  ```javascript
  function greet() {
    console.log('Hello World');
  }
  

• 引用文本：用大于号（>）开头，多级引用可叠加多个大于号
  示例：

  > 一级引用文本
  >> 二级嵌套引用文本
  

• 链接：将显示文本放在方括号（[]）内，目标URL放在紧随其后的圆括号（()）内
  示例：

  [Markdown 基础教程](https://example.com/markdown-guide)
  

• 图片：格式与链接类似，开头需添加感叹号（!），方括号内放图片替代文本，圆括号内放图片URL
  示例：

  ![风景示例图](https://example.com/scenery.jpg)
  

内容的提问来源于stack exchange，提问作者vishal patel