> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 条件付きレンダリング

> 本ページでは、各エディション（Freeプラン、ベーシック版、プロフェッショナル版、専用版）でのカスタムページのサポート状況を説明します。あわせて、レンダリングを直接設定する方法や、変数をバインドしてリアクティブにレンダリングする方法を含む条件付きレンダリングについても解説します。

| **機能**  | **Freeプラン** | **ベーシック版** | **プロフェッショナル版** | **専用版** |
| ------- | ----------- | ---------- | -------------- | ------- |
| カスタムページ | 非対応         | 非対応        | 対応             | 対応      |

各コンポーネントに条件付きレンダリングを設定できます。

レンダリングを直接オン／オフに設定するか、変数をバインドしてリアクティブにレンダリングします。

**注意：フィルター検索が設定済みで、コンポーネントがレンダリングされない場合、API `this.$('fieldId')` で取得されるコンポーネントインスタンスは null になります。**