inputタグをコンポーネント化

[choimaru]

概要

• input 、date、texeareaをpropsで出し分けられるようにする。
• スタイルもprops経由で切り替えられるようにする。
• inputを使用している画面は以下の通り。
  • Desktop-22（タイトル入力、カレンダー）
  • Desktop-27（タイトル入力、カレンダー）
  • Desktop-28（URL入力）
  • Desktop-29（URL入力）
• texeareaを使用している画面は以下の通り。
  • Desktop-15
  • Desktop-17

メモ

• inputはタイトル入力、カレンダー、URL入力の3つしかなく、レイアウトも各々で同じなのでpropsでスタイル込みで直接出し分けてもいいのかなと。 例）<Input areaType="title" />でスタイル込みのタイトル入力欄。
• texeareaも2つだけなのでレイアウト等の差異が吸収できるようならinputと同じようにしてもいいかも。

課題

• ただ単にやり方が見えてないだけだが、入力後の値を呼び出し元に知らせるやり方をどうするか。 useRef関数？ 　⇒　普通に呼び出し元からprops経由でonChangeにsetXxxxを渡せばいい？