내부 입력에 액세스해야합니다. InputGroup BlueprintJs 반응 구성 요소

Question

BluePrintJS React InputGroup 구성 요소는 최신 사용자 인터페이스에 유용합니다. 그러나 불행히도 React 구성 요소는 < 입력 > 요소에 대한 액세스를 허용하지 않습니다.

나는 두 가지 이유에 대한 입력 요소에 액세스해야합니다

• 내 형태로 50 InputGroups이있는 경우, 나는 50의 OnChange() 콜백을 쓰고 싶지 않아. 사용자가 모든 입력을 완료하면 불가능한 모든 InputGroup.value()를 가져 오려고합니다 (HTMLInputElement.value 덕분에 일반 입력 요소에서 가능하지만 InputGroup은 내부 입력에 액세스 할 수 없습니다)

• 양식을 표시 할 때 첫 번째 필드에 집중해야합니다. InputGroup에는 function focus()가없고 HTMLInputElement에는 포커스가 있습니다.

간략하게 InputGroup에는 GetValue() 및 Focus()의 두 가지 기능이 없습니다. 누락 된 이유를 볼 수 없습니다. 모든 제안을 크게 부탁드립니다. 고마워요.

Answer 1

입력 방법을 찾았습니다. 다음을 포함합니다 :

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

(처음에는 보지 못했습니다).

이제 입력 개체가 있고 "didmount"에서 포커스를 설정할 수 있으며 logininput.value 값을 얻을 수 있습니다.

감사합니다.