First Project(映画比較)Front End-②

5110 ワード
テキストリンク
仕事を始めた4日目...やっぱり私はまだまだ...しかし、私たちは努力して走ることにしましょう.
前回まで骨格作り続けてきたのでアップしてみましょう

1.2つの映画をクリックして比較映画ページに移動


-この部分は本当に一番HELLです.😂
 const movies = [
    { key: 1, movie: "poster1", value: 1 },
    { key: 2, movie: "poster2", value: 2 },
    { key: 3, movie: "poster3", value: 3 },
    { key: 4, movie: "poster4", value: 4 },
    { key: 5, movie: "poster5", value: 5 },
  ];

  let items = [];

  const history = useHistory();
  const hadleClick = (e) => {
    e.preventDefault();
    items.push(e.target);

    if (items.length === 2) {
      history.push("/moviecompare");

     
    }
上のコードは1番と2番をクリックしたときにitemsという変数を宣言し、その中のものをクリックしやすくし、itemsの長さが2であればページが変わります.本当にこの感じで今日一日が过ぎました...そんな思いと「できる」自信があった

BUT.... やっぱりそんなに簡単じゃない...なぜ定義されていないのか...これはさらに研究する必要があるようだ.もう少しやればいいのに、だめだ.やっぱりこれが人生だ.人生を下す.

今日はここまで、理由はここまで😇
続きは...
[白俊]1018チェス盤を塗り直す
[プログラマー][Python]カーペット