Css 我需要访问InputGroup BlueprintJs react组件内部的输入

Css 我需要访问InputGroup BlueprintJs react组件内部的输入,css,reactjs,typescript,blueprintjs,Css,Reactjs,Typescript,Blueprintjs,BluePrintJS React InputGroup组件非常适合现代用户界面。但不幸的是,React组件不允许访问内部元素 我需要访问输入元素有两个主要原因: 如果我的表单中有50个InputGroup,我不想编写50个OnChange()回调。当用户完成所有输入时,我希望获取所有InputGroup.value(),这是不可能的(由于HTMLInputElement.value,使用常规输入元素是可能的,但InputGroup不允许访问内部输入) 在表单显示时,我需要关注第一个字段。In

BluePrintJS React InputGroup组件非常适合现代用户界面。但不幸的是,React组件不允许访问内部元素

我需要访问输入元素有两个主要原因:

  • 如果我的表单中有50个InputGroup,我不想编写50个OnChange()回调。当用户完成所有输入时,我希望获取所有InputGroup.value(),这是不可能的(由于HTMLInputElement.value,使用常规输入元素是可能的,但InputGroup不允许访问内部输入)

  • 在表单显示时,我需要关注第一个字段。InputGroup没有函数focus(),而HTMLInputElement有一个函数focus()

简单地说,InputGroup中缺少两个函数:GetValue()和Focus(),我看不出为什么缺少它们。 如有任何建议,将不胜感激。
非常感谢。

我找到了获取输入的方法!与:

inputRef={(input:HTMLInputElement) => {
    this.logininput=input;
}}
(第一次没看到)

现在我有了输入对象,我可以将焦点设置为“didmount”,并且可以使用logininput.value获得值


感谢

我希望在新版blueprintjs中,所有表单元素都将具有此功能(即,在更改事件中访问对象及其数据),我尤其遇到了DatePicker和timepicker的问题