🤹‍♀️

【React】inputタグでautofocusの使い方

2022/07/02に公開

やりたいこと


ページの読み込み時に自動的に”メモを入力...”にフォーカスさせたい。

解決方法

autoFocus={true}を追加

<input className="placeholder:text-slate-800 text-base "
               type="text"
+              autoFocus={true}
               ref={bodyRef}
               placeholder="メモを入力..." />

参考記事

https://stackoverflow.com/questions/42324423/autofocus-an-input-element-in-react-js

https://portaltan.hatenablog.com/entry/2015/08/07/181629

Discussion