ホーム

React.jsで二つのフォームをインライン表示したい

0
0

 

React.jsで二つのフォームをインライン表示したい

teratailで下記のように質問し、それが出来たので備忘録として書き残しておきます。

notinline.png

実装

<form id="formid" onSubmit={this.handleClick}>

                    <input type="text" id="textinputspace" value={this.state.textValue} onChange={this.changeText}/>

                    <button type="submit" id="submitButton">ToDoリストを追加する</button>

                    <NewTodoLayout/>

</form>

css

#formid{
  display:inline-flex;
}

スクリーンショット 2017-04-29 23.06.18.png

Pocket
LinkedIn にシェア

  • この記事を書いた人
  • 最新記事

藤沢瞭介(Ryosuke Hujisawa)

りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

-ホーム

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.