「はじめてのReact」一覧に戻る 前回のテキストボックスに続き、今回はプルダウン(<select>)の操作方法になります。 ほぼ同じやり方で<ul>, などのリストにも適用できます。 メンバーリストComponent サンプル 実行結果 解説 要素を作成する mapメソッドで要素を作成する</ul></select>…

「はじめてのReact」一覧に戻る 10回目ともなるとだいぶReactで何かを作ることにも慣れてきましたねｗ 今回はいよいよフォームと関連した処理を書いてみたいと思います。Reactに限らずですがユーザーの入力とリアルタイムに連動して表示が切り替わるのは作っ…

「はじめてのReact」一覧に戻る Componentの状態をthis.setState()で変化させる度にrender()が自動的に実行され最新の描画がされるのですが、Reactでは単純なHTMLだけではなくComponent自体を別の物に切り替えることができます。 今回はReactの公式ドキュメ…

「はじめてのReact」一覧に戻る イベント処理は、タグ内にonClickなどのイベントハンドラ用の属性を指定することで定義できます。 これだけ聞くと正直気持ち悪いですよねｗ 結論から言うと最終的には問題ない形でレンダリングされます。実際のサンプルコード…