レンダリング後に入力フィールドにフォーカスを設定するにはどうすればいいですか? 質問する

レンダリング後に入力フィールドにフォーカスを設定するにはどうすればいいですか? 質問する

コンポーネントがレンダリングされた後、特定のテキスト フィールドにフォーカスを設定するための React の方法は何ですか?

ドキュメントでは、refs の使用が推奨されているようです。例:

レンダリング関数の入力フィールドに設定しref="nameInput"、次を呼び出します。

this.refs.nameInput.getInputDOMNode().focus(); 

しかし、どこに電話すればいいのでしょうか? いくつかの場所を試してみましたが、うまくいきません。

ベストアンサー1

@Dhiraj さんの回答は正しく、利便性のために、autoFocus プロパティを使用して、マウント時に入力が自動的にフォーカスされるようにすることができます。

<input autoFocus name=...

jsx では、autoFocus大文字と小文字を区別しない従来の HTML とは異なり、(大文字の F) になることに注意してください。

おすすめ記事