使LI元素自动聚焦反应

Question

如何在LI元素中添加自动聚焦属性？我已经通过ref使用但是没有用。

render() {
  return (
    <div>
      <li ref={(re) => re.focus()}>aaa</li>
    </div>
  )
}

Answer 1

尝试使用componentDidMount并将ref聚焦在该函数中。

此外，与Tomasz一样，li元素不可聚焦，因此您需要使用输入，按钮或锚型元素才能聚焦。

实施例： React set focus on input after render

Answer 2

焦点仅适用于输入，按钮，锚点等控件。您不能在列表元素，div等上执行此操作。也许只需将其设为按钮？可点击的元素应该是按钮/锚点。