🦊
Reactでフォーカスを当てる・離すと自動伸縮するフォームを作った
背景
LINEのInputフォームのように、フォーカスを当てるとニョキッと伸びるフォームをReactで実装してみたかったので色々調べた。
調べた結果
-
onFocus
とonBlur
を使えばいけそう -
onFocus
でフォーカスが当たった時にstateをtrue
にしてonBlur
で離した時にstateをfalse
にすれば良い
実装
LINEのInputフォームのように、フォーカスを当てるとニョキッと伸びるフォームをReactで実装してみたかったので色々調べた。
onFocus
とonBlur
を使えばいけそうonFocus
でフォーカスが当たった時にstateをtrue
にしてonBlur
で離した時にstateをfalse
にすれば良い
Discussion