如何用React组件处理递归数组映射？优化Markdown标题索引逻辑

我把Markdown的常用格式规则整理成了清晰易懂的内容，每个规则都附带示例，帮你快速上手：

标题层级 #

用#来区分标题级别，数量越多级别越低，最多支持6级标题：

# 一级标题（最高层级）
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题（最低层级）

无序列表 #

以短横线-开头创建列表项，嵌套列表只需给子项添加缩进（4个空格或1个制表符即可）：

- 主列表项1
    - 嵌套子列表项1.1
    - 嵌套子列表项1.2
- 主列表项2

文本强调 #

用单星号*包裹实现斜体，双星号**包裹实现粗体，轻松突出重点内容：

想要*强调某段文本*？试试**加粗更醒目的内容**！

代码/命令展示 #

单行代码或命令用单个反引号`包裹，多行代码块用三个反引号```包裹，还能指定语言实现语法高亮：

单行命令示例：`git commit -m "更新内容"`
多行代码示例：
```python
def extract_titles(file_path):
    # 提取标题的函数逻辑
    pass

## 引用文本
用大于号`>`开头创建引用块，嵌套引用可以叠加多个`>`：
```markdown
> 这是一段基础引用
>> 这是嵌套在里面的二级引用

链接添加 #

格式为[显示文本](目标地址)，还能加个悬停标题（鼠标放上去会显示）：

[查看详细文档](https://example.com/docs "文档首页")

图片插入 #

格式是![替代文本](图片地址)，替代文本会在图片加载失败时显示，同样支持添加悬停标题：

![风景图](https://example.com/scenery.jpg "美丽的自然风光")

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