[航海99]NEFLIXクローンコード(D+4)

2021.04.06
exporはdefaultかdefaultかによって{}に入る
import axios, { _baseURL } from "../shared/axios";
<考えながら真似する>
1.最初はブラウスでロコロとポストロを単独で組めばいいと思っていたのですが、
それよりも、一つのLocoRowでimgUrlの形によって、styleが違う(styledComponent)だけをあげればもっといいです.
2. backdrop
どのようにimgとposterを体現しますか?
imgがもっと多いから
ログインヘッダ分岐時と同様に、img時にimg url、ポスター時にpost urlを受信します.または3つの演算子を使用
*JSX内部のJavaScript式ではif文は使用できません.
したがって、条件に従ってレンダリングする必要がある場合、
1.JSX以外でif文を使用して値を設定しておきます.
2.{}に条件演算子の3つの演算子を使用します.

return( 
...

<ImgWrap>
        {movies.map((movie) => {
          if (movies.length > 0) {
            return (
              <span>
                {movie.poster_path != "" && Poster ? (
                  <Modal {...movie} Poster isRow />
                ) : movie.backdrop_path != "" ? (
                  <Modal {...movie} isRow />
                ) : (
                  ""
                )}
              </span>
            );
          }
        })}
      </ImgWrap>
      ...
    });

[ガイダンス]
Q1. TrailerとTrailerTitleはコンポーネントですか?
A1. ステータス値の角度から構成部品を切断するかどうかを考慮
ステータス値=>バックグラウンド、最適な情報を一度に取得
Q2. 必要なデータ=元のデータです.moviesである以上、複数のコンポーネントから別々に読み込まれると、何個のコンポーネントが読み込まれるのでしょうか.では、一度だけ読み込むにはどうすればいいのでしょうか.
A2. まず開発してみましょう!あとで使えますか?考える
どのように共有しますか?ここにuseContextがあります
storeなら入れられる!だが我々はRedux Storeに行くべきだ
Browse.js
1.Trailer+TrailerTitle=>Trailer!
2.詳細モード
2.1 Trailerを参照してください.
2.2箱の寸法を考慮しないで、後で寸法をダウンジャケット/マージンに調整して、中央に位置合わせする
モデルコンセプトを理解するのに苦労しました今はまだ迷っています.主よ