如何从MDX/JSX字符串提取React组件及其Props？

标题格式 #

使用井号（#）定义标题层级，层级从1到6级：

• 一级标题：# 标题内容
• 二级标题：## 标题内容
• 三级标题：### 标题内容
• 以此类推，最多支持6级标题

列表项格式 #

使用短横线（-）作为无序列表的起始标记，支持嵌套：

• 一级列表项1
• 一级列表项2
  • 嵌套列表项1
  • 嵌套列表项2

文本强调 #

用星号（*）包裹文本实现强调效果：

• 斜体效果：*斜体文本* → 斜体文本
• 粗体效果：**粗体文本** → 粗体文本

代码/命令格式 #

用反引号（`）包裹代码片段，多行代码使用三个反引号包裹：

• 单行代码：npm install next
• 多行代码块：

function getComponentProps() {
  // 逻辑代码
  return props;
}

引用文本格式 #

使用大于号（>）标记引用内容，支持多行连续引用：

这是一段引用文本
换行后仍属于同一段引用

还可以实现嵌套引用

链接格式 #

将显示文本放在方括号（[]）内，目标URL放在紧随其后的圆括号（()）内：
[Next.js 官方文档](https://nextjs.org/docs) → Next.js 官方文档

图片格式 #

将图片的替代文本放在方括号（[]）内，图片URL放在圆括号（()）内：
[MDX 图标](https://mdxjs.com/favicon.ico) →