React 组件使用指南
学习如何在 MDX 中使用 React 组件
React 组件在 MDX 中的使用
1.文字组件
一级标题 (H1)
二级标题 (H2)
三级标题 (H3)
四级标题 (H4)
五级标题 (H5)
六级标题 (H6)
粗体文字
斜体文字
删除线文字
行内代码
引用文字 可以多行引用 This is a community maintained integration.
Note
By design, page tree only contains necessary information of all pages and folders.
Unserializable data such as functions can't be passed to page tree.
- 无序列表项 1
- 无序列表项 2
- 嵌套列表项
- 有序列表项 1
- 有序列表项 2
| Attribute | Description |
|---|---|
title | Page Title |
section | Heading ID (nullable) |
content | Paragraph content |
2.按钮组件
3.徽章组件
默认徽章 次要徽章 危险徽章4.卡片组件
功能卡片
这是一个使用卡片组件的示例。
5.警告组件
提示
这是一个重要的提示信息。
错误
这是一个错误提示信息。
6.自定义内联组件
一推火裂变宝
专业的裂变营销工具，助力用户快速增长。
7. 引用和提示文字
"这是一个引用文字的示例，通常用于引用他人的话语或重要信息。"
💡 提示
这是一个提示框，用于显示重要的提示信息。
⚠️ 警告
这是一个警告框，用于显示需要注意的信息。
8. 列表文字样式
无序列表
- 智能裂变策略推荐
- 实时数据监控分析
- 用户生命周期管理
有序列表
- 注册账号并完成认证
- 创建第一个裂变活动
- 配置营销策略和规则
- 监控数据并优化效果
9. 代码文字样式
行内代码
使用 npm install 命令安装依赖包。
代码块
// 示例代码
function createCard(title, content) {
return {
title: title,
content: content,
createdAt: new Date()
};
}