コンポーネント

Cloudflareの開発者ドキュメントにコンテンツを書くための寄稿者が利用できるすべてのコンポーネントは、このセクションに文書化されています。

コンポーネントとは？

Astroコンポーネント ↗は、再利用可能なHTMLテンプレートであり、頻繁に使用されるレイアウトやスニペットをコンポーネントに戻すことで、メンテナンスの負担や重複したコードを減らすために使用します。これにより、さまざまなページでインポートして使用できるようになります。

コンポーネントの使用

コンテンツはMDX ↗で作成されており、JavaScriptの式やコンポーネントを使用することができます。これらはHTML要素のようなもので、自己終了型にすることができます。

...stuvwxyz

開いてください！

こんにちは、世界！

import { Details, RuleID } from "~/components"

{/* 自己終了型コンポーネント */}
<RuleID id="abcdefghijklmnopqrstuvwxyz" />

<br/> {/* レンダリングされたコンポーネントを分けるための改行 */}

{/* 内部コンテンツを持つコンポーネント */}
<Details header="開いてください！">
    こんにちは、世界！
</Details>

インポート

コンポーネントはMDXファイル内で利用可能にするためにインポートする必要があります。私たちのすべてのコンポーネントは"~/components"からエクスポートされているため、次のようにインポートされます。

import { Card, Render } from "~/components"