在输入字段上反应 setFocus - 安全？

Question

问题：在 React 中，我读到出于安全原因，您不应使用 'ref' 和 'findDOMNode'。 （不安全地访问本机 DOM 元素...）

还有其他方法可以在输入字段中手动设置焦点吗？

Answer 1

您可以尝试以下方法：

    function manualFocus() {
    document.getElementById("text").focus();
  }

  return (
    <div className="App">
      <input type="text" id="text" name="text"></input>
      <input type="text2" id="text2" name="text2"></input>
      <button type="button" onClick={() => manualFocus()}>Manual Focus</button>
    </div>
  );