セマンティックUIが反応し、表示されているときにのみドロップダウン/モーダルを表示しますか？

Question

開いているまで、ドロップダウン/モーダルのコンテンツのレンダリングを遅らせる方法はありますか？

ユーザーがコンテンツを表示するまで表示されなくてもレンダリングされています。

Answer 1

ModalコンポーネントはコンテンツのレンダリングにPortalを使用し、Portalはit's openの場合にのみレンダリングします。これは、コンポーネントがすでにあなたの条件を満たすことを意味します。

Dropdownコンポーネントでは、より難しくなります。あなたはそれを自分でコントロールすることができますが、それはあなたがすべての出来事を自覚的に処理する必要があり、容易ではないことを意味します。

<Dropdown open={true} options={open && options} />