Question

我在下面有以下代码。输入没有集中在safari中。知道为什么吗？这适用于Chrome。

focusInput: function() {
  this.refs.a.focus();
}

<div>
  <input type="text" ref="a" />
  <label onClick={this.focusInput}> some icon </label>
</div>

Answer 1

根据参考文档，您是否尝试过这样做。

const focusInput = () => {
  this.input.focus()
}

return (
    <div>
      <input type="text" ref={element => this.input = element} />
      <label onClick={focusInput}> some icon </label>
    </div>
)

Safari onClick事件使焦点（）无法在React中工作

1 个答案: