[TIL] 2020/12/03

973 ワード
TIL React.memo day10 テキストリンク

Today, I Learned

  • React.memo:前のpropsと同じ複数のpropsの構成部品を再レンダリングします.memoで再包装した後、簡単な比較、すなわちreactを行う.memoに以前のレンダリングを保存し、次のレンダリングで以前のpropsとpropsが同じであれば、以前に保存したものを再使用することでより高速なレンダリングを実現できます.(元の反応は、以前のレンダリングと次のレンダリングを比較して再レンダリングを決定することであり、親コンポーネントのpropsが変化し、サブコンポーネントのpropsが変わらなくても強制的に再レンダリングされます.propsが同じであれば、以前に覚えていたレンダリングと再使用されたreact.memoを使用します.)この効率的なもの!why?
  • ついに!无限スクロールを実现!!!!!!!!!!!!!!!!ㅄㅄㅄㅄㅄㅄㅄㅄㅄㅄㅄ2震32震!!(ブログ参照:link)問題のある部分は、ロード後にクロスがtrueとしてキャプチャされ、addPossリクエストが送信されることです.
    target要素の数がpostsの3つより少ない場合(target要素は空のdivではなくspinerのように幅を占めている)、grid画面に問題が発生します.
    display:inlineで解決するのはpostCount>=15の場合のみです.
    最初の問題は、最初の交差がtrueの場合、renderCountというstateを設定して、0の場合にサーバに要求を送信しないようにすることです.

    • Planning to Study

  • 明日img slideを実施する予定です.
  • +web、モバイルUI最終チェック
  • Spinerを作成し、各ロード部
    • に適用する
  • は来週stateを完了し、サーバとの接続部分のみを行うようにします.
    • javascript動的追加スタイルルールW 3 C校正について
    あなたのMacOS端末を平らにしてください