[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} />;
})}
図を間違えたの?似ているように見えますが、
& 연산자
の代わりに?
を使うことができます.それ以外にも方法はたくさんありますが、まだまだ成長中の私にとって一番いい方法は?方法
解決完了!
特別な文章ではありませんが、
私も間違いに遭遇するたびに疑問を持って検索して助けられます.
助けられた以上、この文章が誰かに役に立つことを望んでいます.
最後~
< 오늘도 개똥이는 성장한다 ! >
Reference
この問題について([react]Mapメソッドエラーが発生した場合は、それを作成します.), 我々は、より多くの情報をここで見つけました https://velog.io/@rxxdo/React-Map-메서드를-사용할-땐-이것을-작성하자テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol