Je dois accéder à l'entrée à l'intérieur du composant de réaction InputGroup BlueprintJs

Question

Le composant BluePrintJS React InputGroup est idéal pour une interface utilisateur moderne. Mais malheureusement, le composant React n'autorise pas l'accès à l'élément <input> à l'intérieur.

J'ai besoin d'accéder à l'élément d'entrée pour 2 raisons principales:

• si j'ai 50 InputGroups dans ma forme, je ne veux pas écrire 50 callbacks OnChange(). Quand l'utilisateur finit toutes les entrées, je veux obtenir tout InputGroup.value(), ce qui n'est pas possible (c'est possible avec l'élément input normal grâce à HTMLInputElement.value, mais InputGroup n'autorise pas l'accès interne)

• À l'affichage du formulaire, je dois me concentrer sur le premier champ. InputGroup n'a pas de fonction focus(), alors que HTMLInputElement en a un.

En bref, il y a 2 fonctions manquantes dans InputGroup: GetValue() et mise au point(), et je ne vois pas pourquoi ils sont absents. Toute suggestion sera grandement appréciée. Merci beaucoup.

Answer 1

J'ai trouvé le moyen d'obtenir l'entrée! avec:

inputRef={(input:HTMLInputElement) => { 
    this.logininput=input; 
}} 

(ne l'a pas vu à la première fois).

Maintenant, j'ai l'objet d'entrée, je peux mettre le focus à "didmount", et je peux obtenir la valeur avec logininput.value.

Merci