React、DOMに追加されたときにReactでアイテムにフォーカスします

DOMに追加されたらすぐにReactでアイテムにフォーカスする方法 `

私は単純な形のモーダルを持っていましたinputその中のフィールドであり、モーダルがReactによってDOMに追加されたらすぐに、その要素に焦点を当てたいと思いました。

私はそうするための多くの異なる方法について考え始めました、多分使用してuseEffect()コンポーネントがDOMに追加されたとき、またはを使用してイベントをトリガーするrefDOM要素への参照を作成してその要素を呼び出すpropfocus()方法が、私は私があまりにも複雑に考えていて、ただ使用していることに気づきましたautofocus要素のHTML属性が機能する可能性があります。

そして、それはしました。それがautoFocusJSXで、首都でF：

<input
  autoFocus
  ...// rest of the input field attributes

私の無料ダウンロードReactハンドブック


その他の反応チュートリアル：


Tech Wiki Online！