🦊

Reactでフォーカスを当てる・離すと自動伸縮するフォームを作った

2021/09/24に公開約200字

背景

LINEのInputフォームのように、フォーカスを当てるとニョキッと伸びるフォームをReactで実装してみたかったので色々調べた。

調べた結果

  • onFocusonBlurを使えばいけそう
  • onFocusでフォーカスが当たった時にstateをtrueにしてonBlurで離した時にstateをfalseにすれば良い

実装

https://codesandbox.io/s/react-expansion-form-x9193?file=/src/App.js

Discussion

ログインするとコメントできます