React今回は前回作ったReactのtodo機能をカスタマイズしてみようと思います。登録した時にinputtextの中を空にするinput.valueが空で登録した時は処理しない今回はこの3つのカスタマイズをしてみます!CSSでスタイルを当てるcssを使いスタイルを当てます。https://bit.ly/CRA-vitalsindex.cssというファイルを読み込んでいたので試しにsrc/index.cssに記述してみます。#fff;}できた!無事スタイルが当たることが確認できたのでちゃんとスタイルを当ててあげます!スタイルを当てるためにクラスを付けるJSXではクラスを付ける際に注意することがあるみたいです。classではなくclassNameと記述してあげるようです。こんな感じでclassNameを付けてあげます。}}するとこんな感じになりました!文字を入力していない状態で登録を押した場合、登録しない次に文字を入力していない状態で登録ボタンを押した場合は登録しないように処理を追加します。現時点で文字を入力していない状態で登録ボタンを押すとこうなります。//追加}nameに値が入ってくるみたいなので、入っていない場合はsetStateできないようにしました。削除メソッドを見てみる。1)]このindexってのはtodosの配列のindex番号がkeyになっていて使われているみたい。5つあるうちの3つ目の項目を削除したいときに選択した行のkeyがindexになる。2)ってなるから仮に以下の配列の場合にsliceしたら「あ,い」しか残らない。"お"第二引数は「え,お」しか残らない。"お"結果こうなるということか。>一斉削除</button>適当にたくさん追加して、一斉削除ボタンをクリック。思ったより簡単に実装できましたな!ついでにcssで一斉削除ボタンも赤くしておこう。コメントをキャンセル入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。内容をご確認の上、送信してください。次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。