1221 TIL 6699 devLog

今日作った

ページ「食べた私のページ」

を実現
へいそく

css importエラーで、しばらくうろうろしていました.どうしてcssを着ても見えないの?同時に
午前中にcssファイル名を似たような名前のcssにして、時間を無駄にしました...
夜の名前の後ろのモジュールcssを忘れて時間を無駄に...後で...

classNameでは{style.say}ではなく{say.say}と書いて時間を無駄にしました.

Axiosを要求するときは必ず条件を与えなければならない.データが直ちにundefinedに戻らないことがよくあります.私は条件を設定しないで、ただデータをスクリーンに見せたいだけなので、定義されていないデータが入ってくると、間違いがあって、午前中はうろうろしていて、夜明けはまたうろうろしています.

toggleを作成しましたが、ブラウザにはtoggleがロードされていないので、なぜかと思いますが、toggle部分の一番外側のcssは作成されていないので、ブラウザにロードされていません.

エラーが発生しやすいリクエスト

const fetchPosts = async () => {
      setLoading(true)
   const res = await axios.get(
       `${REACT_APP_API_URL}/user/mylike/?category=article`,
       {withCredentials: true}
       );
    setPosts(res.data.data.filteredArticle);
    setLoading(false);
  }

正しい要求

  const fetchPosts = async () => {
      setLoading(true)
   const res = await axios.get(
       `${REACT_APP_API_URL}/user/mylike/?category=article`,
       {withCredentials: true}
       );
       if(Array.isArray(res.data.data.filteredArticle)){
    setPosts(res.data.data.filteredArticle);
    setLoading(false);
       }
  }

新知
ページ名...まずPageNationを作って、それに従って画面上でAxiosでデータを受信しますが、やったことがないので分かりません.
この2,3日ずっとつかんでいたコードを全部押し出してページ名に従って書き直しました・・・ほほほ
久しぶりにuseEffectを使いました.依存性配列には必ずしも配列形式があるとは限らない.「変更」(state)を追加すると、stateを変更するたびにレンダリングが再開されます.