如何在react中集中输入日期字段？

Question

您能告诉我如何在react中集中输入日期字段吗？我正在使用一个语义插件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（）-是打开日历弹出窗口的功能，您使用的插件有如下代码，请点击此处

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