2017-07-08 4 views
0

Existe-t-il un moyen de retarder le rendu du contenu de la liste déroulante/modale jusqu'à ce qu'il soit ouvert?L'interface utilisateur sémantique réagit, affiche la liste déroulante/modale uniquement lorsqu'elle est visible?

Je vois qu'ils sont rendus même s'ils ne sont pas visibles jusqu'à ce que l'utilisateur clique pour voir son contenu.

+0

Vous pouvez définir la propriété css 'display: hidden'. Il serait encore rendu à la dom, mais pas visible. Ou est-ce ce que vous voulez éviter? –

+0

ouais je veux empêcher le «rendu» – eugene

Répondre

0

Le composant Modal utilise Portal pour le rendu du contenu, alors que Portal ne rend quelque chose que si it's open. Cela signifie que le composant répond déjà à vos conditions. Avec le composant Dropdown, ce sera plus difficile. Vous pouvez le contrôler vous-même, mais cela signifie que vous devrez traiter tous les événements de façon consciente et ce ne sera pas facile.

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