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

 

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

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

未整理記事