React強化月間　4日目

今日の予定

17時～19時　　　スクール講義　　JS
19時30分～　　　スクール交流会
実質17時までしか時間がない。

UseEffect

※勉強４日目の勉強メモです。
　完成してません。
　技術的な参考には適さないですのであしからず

問題文の呼び出しを作ったらGPTにuseEffectを提案されたので勉強した。

useEffectがない場合randomは初期値(0)のままなので問題文は当然変化なし。

useEffectの中にrandomを記述した場合、画面を表示したときにuseStateが走り、副作用としてuseEffectが1回起動する。

（正確にはReactはテスト環境だと2回レンダリングする）

その際にrandomが働き、問題文が変化する。

同じ問題が出ないようにする

randomした際に出た問題を削除するために、restQuestionsを新しくuseStateて定義する。

restQuestionsはquestionsからrandomな数字をspliceしたオブジェクト{ }

と、ここで動かなくなった。

なんやかんやコネコネして

こうなった。

時間ないので続きは明日。

現状の問題

問題が減っていくようには出来たけど、残り10個くらいから減っていかない。

まぁどっかに問題があるんでしょう！

コードのメモ

flagについて
useEffectの最後の[]で読み込むflagを設定してて、ボタンを押したときにもuseEffectが読み込まれるようにしている。
これによってボタンを押すと問題が変わる。

   const newRestQuestions = [...restQuestions];　これはスプレッド構文で配列にしてる。spliceするために。