文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在react中聚焦输入日期字段？

问如何在react中聚焦输入日期字段？
EN

Stack Overflow用户

提问于 2019-03-05 13:17:07

回答 1查看 443关注 0票数 2

您能告诉我如何在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()
  };

为什么输入字段中没有焦点？有什么新消息吗？

react-redux

semantics

reactjs

redux

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-05 14:27:45

要启用focus on按钮单击，您需要像这样设置ref：

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

点击按钮访问，如下所示：

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

openPopup()是一个打开日历弹出窗口的函数，你使用的插件，代码是这样的，检查here

demo，并在多个数据字段中使用动态ref。希望能有所帮助。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54995872

复制

相似问题

问如何在react中聚焦输入日期字段？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在react中聚焦输入日期字段？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在react中聚焦输入日期字段？
EN