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

背景

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

調べた結果

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

実装