katsube https://blog.hatena.ne.jp/katsube/ ねこの足跡R https://blog.katsubemakito.net/ React ToDo はじめてのReact 「はじめてのReact」一覧に戻る 前回に引き続き今回もToDoアプリを作っていきます。目標としてはフォームの使い勝手を向上させつつToDoの削除に対応するところまでとなります。 フォームを改良する Submitイベントに対応 Validationを行う テキストボックスにfocusする ToDoの「削除」に対応 todo.js todolist.js todoitem.js 実行結果 続く フォームを改良する Submitイベントに対応 現状、登録フォームのテキストボックスに内容を入力しエンターキーを押した瞬間、再読込されてしまいます。これを防ぐには、formタグにonSubmitイベントを… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.katsubemakito.net%2Freact%2Freact1st-21-todo2" title="はじめてのReact #21「ToDoアプリを作る」 中編 - ねこの足跡R" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-01-27 00:18:07 rich https://blog.katsubemakito.net/react/react1st-21-todo2 1.0 100%