MDX 詳解
React, JavaScriptの使用
MDXファイル内では、ReactコンポーネントやJavaScriptを使用することができます。
Reactコンポーネントの使用
プロジェクトディレクトリ内で作成したjsx, tsxファイルからコンポーネントをインポートして使用することができます。
また、MDXファイル内で宣言したReactコンポーネントを使用することもできます。後述のように、MDXファイル内での変数宣言では、export
を使用してください。
JavasSript変数の使用
MDXファイル内で、JavaScript変数を宣言して使用することができます。
変数の宣言
ページ全体で使用する変数は、MDXファイル内で、 export
を使用して宣言します。
変数の参照
宣言した変数は、{}
で囲んで参照します。
この結果は、以下のようになります。
The time the page was opened is
{}
で囲まれた内容は、JSXのノードとして評価されるため、string, boolean, number, null, undefined, またはReactコンポーネントのいずれかである必要があります。