如何使用React读取HTML文件中的菜单并在组件中展示

• 标题：使用数字符号（#）定义，#的数量对应标题层级（1-6级）
  示例：

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

• 列表项：以短横线（-）作为开头，支持嵌套
  示例：

  - 一级列表项
  - 另一个一级列表项
    - 嵌套列表项
  

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

  *斜体强调文本*
  **粗体强调文本**
  

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

  `npm install react`
  

  示例（多行）：

  const App = () => {
    return <div>Hello</div>;
  };
  

• 引用文本：以大于号（>）开头，可连续多行使用实现段落引用
  示例：

  > 这是一段引用内容
  > 换行后仍属于同一段引用
  

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

  [React官方文档](https://react.dev)
  

• 图片：在方括号（[]）前加感叹号（!），方括号内写图片替代文本，圆括号内放图片URL
  示例：

  ![React Logo](https://react.dev/images/logo.svg)
  

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