0404 TIL空中と空中Mainクリアランス

3363 ワード

[3つの演算子]いいですか?[もし聞いたら]いいですか.
:長さが長くなるとifドアのほうがいいです.
** 2. useEffectの使い方
useEffect(() => {
    window.scrollTo(0, 0);
    window.addEventListener('scroll', handleScrollY);
  }, []);
** 3. useHistoryって何?
  const history = useHistory();
historyをflopsとして下位コンポーネントに継承すると、次のエラーが発生します.
** 4. 画面上でのスクロールイベントの処理
  window.scrollTo(0, 0);
    window.addEventListener('scroll', handleScrollY);

5.navYellow、navSearchのユーザーステータスを使用してnavbarへの変更をクリーンアップする必要があります(スタイル化された部分に整理してください)


-トップからスクロールするイベントの変動期間
(100を超えると黄色だけ検索するなら待ってあげましょう
ボタンを押すだけで検索がtrueになり、検索バーも表示されます)

本当に何も出てこない、falseの時だけ出てくる||演算子、AかBの時は3つの演算子!


//(fixedはnavYellowに変更されました.変数名は...)
もし私のVyellowが本当なら、何も現れず、falseの時だけJSXが現れます.
デフォルト値はfalseなので、いったん現れると100を超えると消えてしまいます
{00 | | |

-バッジsrc={navYello?:}//属性=を置換すると{?:}

-地球儀の色を変更します={navYello?:}

-スタイルから

JSXでコンポーネントを再継承しなければならないから?//△divでやってしまったのに、どうして役に立たないのですか。




  • サブアセンブリは
  • を継承する.

    2つのNeveを表すために(1つは本当なので、次の&&に続きますか?)




    styledライブラリで


    代わりに//div``
    div()これを入れます.そして()内書き({変数})=>({属性名:変数?A:B}).



    NavSearchのみをクリーンアップ


    1)トップレベルのマウスイベント
    //100以下の場合、2つのnavfalseはニンジンです.
    100を超えると検索結果が表示されますが黄色はtrueに設定されています
    (あれは私のVyellowが検索してるの?:YES!)
    //検索はfalseのままで、検索バーを生成し、上部検索を3つのメニューに変更するには、検索もtrueにする必要があります.

    2)検索して隠す
    //100を超えると、黄色は本当に嘘になり、検索は嘘になります.
    「検索」が現れた.
    //<検索>をクリックすると「真黄色」になり、「検索」は「真黄色」になります.
    「検索」が消え、「寮、体験、オンライン体験」が現れた.
    //ネット体験と検索が逆なので、このような条件が設定されています.3人を捕まえて条件を...

    3)SearchBarを出して、隠す.
    //黄色が本物であれば、検索欄が偽物であれば、検索欄は消えてしまいます.
    もしYellowが本当にSearchだったら、検索欄も出てきます.

    6.className条件レンダリング、画面に表示または非表示