Essayer d'obtenir juste le basique semantic-ui-réagir Dropdown fonctionnant, je n'arrive pas à comprendre comment empêcher le placeholder de prendre la valeur du premier option lorsque la liste déroulante est ouverte. Est-ce même possible?semanti-ui-react Dropdown - comment arrêter de changer l'espace réservé à l'ouverture?
un stylo avec un exemple: http://codepen.io/pzurek/pen/mRJMov
Auteur de SUIR ici. La liste déroulante est modélisée après la liste déroulante SUI de base. Il y a deux états pour un élément, sélectionné et actif. Un élément sélectionné est mis en évidence et peut être modifié avec la navigation au clavier, tandis qu'un élément actif est la valeur choisie. La liste déroulante change l'espace réservé pour montrer à l'utilisateur quel élément est actuellement sélectionné (mis en surbrillance) pour plus de clarté, car le fait de rendre la liste déroulante floue rendra alors l'élément sélectionné actif (la valeur choisie).
SUI exemples de base pour comparaison: http://semantic-ui.com/modules/dropdown
P.S. Je vois une différence dans SUIR où notre composant change l'espace réservé plutôt que le texte réel comme dans SUIR core. Vous pouvez également suivre plus sur cette question et les considérations de conception ici:
https://github.com/Semantic-Org/Semantic-UI-React/issues/1299