API 参考文件系统约定mdx-components.js

mdx-components.js

使用 App Router 配合 @next/mdx，mdx-components.js|tsx 文件是必需的，没有它将无法工作。此外，你可以使用它来自定义样式。

在项目的根目录（例如，与 pages 或 app 处于同一级别，或者在 src 目录中，如果适用）使用 mdx-components.tsx（或 .js）文件来定义 MDX 组件。

import type { MDXComponents } from 'mdx/types'
 
const components: MDXComponents = {}
 
export function useMDXComponents(): MDXComponents {
  return components
}

导出

`useMDXComponents` 函数

该文件必须导出一个名为 useMDXComponents 的单一函数。此函数不接受任何参数。

import type { MDXComponents } from 'mdx/types'
 
const components: MDXComponents = {}
 
export function useMDXComponents(): MDXComponents {
  return components
}

版本历史

版本	更改
`v13.1.2`	已添加 MDX 组件

了解更多关于 MDX 组件的信息

MDX

了解如何在 Next.js 应用程序中配置和使用 MDX。

这有帮助吗？