[react]Mapメソッドエラーが発生した場合は、それを作成します.


< 오늘은 너구나.. >
今回のミスは実は何度か友达に会ったことがあります.
このおなじみの友达に、整理したいです.

まず。


この友达の颜...

どうしたんですか.どうして.どうしてこんなことになったの?
と思ったけど.

ここのポイントは、

모두가 알겠지만 map 메서드는 빈배열, 배열 형태가 아니면 읽을 수 없다. 
しかし、ここにはもう一つの疑問がある.
fetch関数を利用してデータをよく受信するのは、なぜ...?
コンソールを撮ってみると、データが並べられた形で良い状態に入りました.뭐야..?本文に入る前に
まず、Mapメソッドとは何かを見てみましょう.
map()メソッドはアレイ内の各要素に対して
指定した関数を呼び出した結果を収集して、新しい配列を返します.
さあ.こっちへ.

どんな間違いですか。


関数の優先順位
mapメソッドは、データを呼び出す前に最初に実行されるエラーです.

エラー処理方法


mapメソッドの前に以下の内容を作成します!
私の足りないが努力した小さな、コードで表現します.
{reviewList.review_list.map((review, idx) => {
          return <Review key={idx} {...review} />;
        })}
上記のコードに従って行うと、この文章のテーマエラーが発生します.
さあ.ここに이것 !コードを追加

これは?


&&演算子!!!
呼び出したデータがあれば?関数を実行します!!
したがって、次のコードを記述できます.
    {reviewList.review_list &&
          reviewList.review_list.map((review, idx) => {
            return <Review key={idx} {...review} />;
          })}          
作成した&&演算子は少し簡単です.
    {reviewList.review_list?.map((review, idx) => {
            return <Review key={idx} {...review} />;
          })}          
図を間違えたの?
似ているように見えますが、& 연산자の代わりに?を使うことができます.
それ以外にも方法はたくさんありますが、まだまだ成長中の私にとって一番いい方法は?方法
解決完了!
特別な文章ではありませんが、
私も間違いに遭遇するたびに疑問を持って検索して助けられます.
助けられた以上、この文章が誰かに役に立つことを望んでいます.

最後~

< 오늘도 개똥이는 성장한다 ! >