mdx-components.js

mdx-components.js|tsx 文件是使用 @next/mdx 与 App Router 所必需的，否则将无法正常工作。此外，您可以使用它来自定义样式。

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

tsx

import type { MDXComponents } from 'mdx/types'

const components: MDXComponents = {}

export function useMDXComponents(): MDXComponents {
  return components
}

javascript

const components = {}

export function useMDXComponents() {
  return components
}

导出

`useMDXComponents` 函数

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

tsx

import type { MDXComponents } from 'mdx/types'

const components: MDXComponents = {}

export function useMDXComponents(): MDXComponents {
  return components
}

javascript

const components = {}

export function useMDXComponents() {
  return components
}

版本历史

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

mdx-components.js|tsx 文件是使用 @next/mdx 与 App Router 所必需的，否则将无法正常工作。此外，您可以使用它来自定义样式。

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

tsx

import type { MDXComponents } from 'mdx/types'

const components: MDXComponents = {}

export function useMDXComponents(): MDXComponents {
  return components
}

javascript

const components = {}

export function useMDXComponents() {
  return components
}

导出

`useMDXComponents` 函数

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

tsx

import type { MDXComponents } from 'mdx/types'

const components: MDXComponents = {}

export function useMDXComponents(): MDXComponents {
  return components
}

javascript

const components = {}

export function useMDXComponents() {
  return components
}

版本历史

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

文档导航

导出

useMDXComponents 函数

版本历史

导出

useMDXComponents 函数

版本历史

`useMDXComponents` 函数

`useMDXComponents` 函数