コンテンツにスキップ

APIリファレンスファイルシステム規約mdx-components.js

mdx-components.js

mdx-components.js|tsx ファイルは、@next/mdx と App Router を使用するために必須であり、それなしでは機能しません。さらに、スタイルをカスタマイズするためにも使用できます。

プロジェクトのルートにある mdx-components.tsx (または .js) ファイルを使用して、MDXコンポーネントを定義してください。例えば、pages または app と同じレベル、または該当する場合は src の中に配置します。

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

MDXの設定方法と、Next.jsアプリでの使用方法を学ぶ

役に立ちましたか？