我需要访问InputGroup BlueprintJs react组件中的输入

时间:2017-10-03 11:43:11

标签: css reactjs typescript blueprintjs

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

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

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

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

简单来说,InputGroup中缺少2个函数:GetValue()和Focus(),我看不出它们丢失的原因。 任何建议将不胜感激。 非常感谢。

1 个答案:

答案 0 :(得分:3)

我找到了获得输入的方式!用:

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

(第一次看不到)。

现在我有输入对象,我可以将焦点设置为&#34; didmount&#34;,然后我可以使用logininput.value获取值。

由于