如何在反应中关注输入日期字段？

Question

你能告诉我如何在反应中聚焦输入日期字段吗？我正在使用语义插件 https://www.npmjs.com/package/semantic-ui-calendar-react

我想将日期输入字段集中在按钮上，点击这里是我的代码。 这是我的代码 https://codesandbox.io/s/3l414mno5

focus = () => {
    console.log(this.a);
    this.a[0].onFocus();
    // this.inputRef.focus()
  };

为什么输入框没有焦点？ 有更新吗？

Answer 1

要启用对按钮点击的关注，您需要像这样设置一个引用：

    this.logButton = React.createRef();
    ref={this.logButton}

并在按钮中访问它，如下所示：

focus = e => {
    this.logButton.current.openPopup();
};

openPopup() - 是打开日历弹出窗口的功能，您使用的插件有这样的代码，检查 here

demo 和在多个数据字段中，使用动态引用。希望对你有帮助。