
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React - 2つのテキストボックスの入力を相互に反映する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React - 2つのテキストボックスの入力を相互に反映する - Qiita
概要 公式サイトにすでに解説がありますが、そこ扱われているサンプルソースがやや煩雑に感じました。な... 概要 公式サイトにすでに解説がありますが、そこ扱われているサンプルソースがやや煩雑に感じました。なので、キーとなるポイントを抽出、分かりやすく短いソースで書いてみました。 この記事のサンプルソース概要 テキストボックスが2つあり、税抜きと税込みの価格を表示します。 いずれのテキストボックスも入力可能で、数字をタイプすると即時反映します。 (税抜きのテキストボックスに入力すると税込みのテキストボックスに即反映される。逆も同様。) 同じコンポーネント(MyForm)を2つ配置してあり、入力値が他のテキストボックスに干渉しないことを確認できる。 作動イメージ ソースコード <!DOCTYPE html> <html><head> <meta charset="UTF-8" /> </head> <body> <div id="root"></div> <!-- Load React. --> <