MDX集成 JSX 语法的 Markdown
MDX 是一种可编辑格式,可在 Markdown 文档中无缝编写 JSX。可以导入诸如交互式图表或 alert 之类的组件,并将其嵌入到文档内容中,这样可以让使用组件编写长格式内容变得很顺滑。
以下示例在 Markdown 中嵌入 JSX:
# Hello, *world*!
Below is an example of JSX embedded in Markdown. <br /> **Try and change
the background color!**
<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
<h3>This is JSX</h3>
</div>
MDX 特性:
- 功能强大:MDX 混合了 Markdown 和 JSX 语法,可以完美地适配基于 JSX 的项目。
- 一切都是组件:导入 JSX 组件并直接在 MDX 文档中渲染。
- 可自定义:可以指定为每个 Markdown 元素渲染哪个组件。
- 基于 Markdown:Markdown 的简单和优雅特性仍然保留着,仅在需要时才插入 JSX。
- 快速:MDX 没有运行时,所有编译都在构建阶段进行。
评论