让 LI 元素在反应中自动对焦

Question

如何在 React 的 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

Focus 仅适用于输入、按钮、锚点等控件。你不能在列表元素、div 等上做到这一点。也许只是让它成为一个按钮？可点击元素应该是按钮/锚点。