• 简体中文
  • MDX 与 React 组件

    Rspress 不仅支持 Markdown,还支持 MDX,这是一种强大的内容开发方式。

    Markdown

    MDX 是 Markdown 的超集,这意味着你可以像往常一样编写 Markdown 文件。例如:

    # Hello world

    使用组件

    当你想在 Markdown 文件中使用 React 组件时,应该使用 .mdx 扩展名命名文件。

    // docs/index.mdx
    import { CustomComponent } from './custom';
    
    # Hello world
    
    <CustomComponent />

    使用 Rspress 内置组件

    foo.js
    bar.js
    console.log('foo');