TIL. React. 反応ベースクラス3週目.<22.03.21>


今日やるべきこと

  • 第3週独播V
  • CS研究読解V
  • OSI 7層調査V
  • ホームページ、評価ページ
  • を生成
  • ルーティング
  • きょう習った


    Routeを作成する順序
  • (1) index.BrowserRouterをjsに適用
  • (2)詳細画面の作成
  • (3) App.jsにRouteを適用する
  • 正確な応用
  • (4)
  • (5)URLパラメータの使用
  • モバイル
  • (6)リンク
  • クラスコンポーネントをチェックするときは、まずrenderをチェックして、何があるかを確認します.
    購読=Event Listenerを追加します.
    関数構成部品のuseEffect=ライフサイクルメソッドの構成部品DidMount+構成部品DidUpdate+構成部品WillUnmount
    ≪単一ページ・アプリケーション(SPA)|Single Page Application(SPA)|oem_src≫:ユーザーが表示したくないページにインポートします(最初のロードが遅い).従来のルーティング方式ではなく、必要なものだけを表示します.
    MPA(Multi Page Application): DOM -> DOM. ステータス値を保持しない(以前の会員登録ページの例)
    index.js:実は、プロジェクトの起点です.BrowserRouterなどの反応元素の位置を宣言する
    リアクターでスクリーンを触る=素子を触る
    パッケージ「react-router-dom」から動的パラメータをインポートします:「:」はex)/cat/:cat nameを使用します.これはCatです.jsコンポーネントのconst cat nameをuserParams({})という名前の反作用フックにパラメータ化します.
    リンク要素が使用できない場合:historyというオブジェクト(反応要素)を使用します.
    コンポーネントではなく応答フックとしてhistoryオブジェクト=>を使用:useHistory
    Routeを使用するとBrowserRouter,indexになります.jsに必須として入れることを忘れないでください.
    スイッチ:アドレスの順序が1、2、3、4の場合、初期条件に従ってアドレスを表示できます.もし全部合わなかったら?最後のアドレスが表示されます.

    「米を売る」開発者特別講座


  • ポールの内容は航行が終わった後に整理したほうがいい.

  • 創業初心者は努力して維持すればいい.
  • マイルストン

  • の例を多く見て、ご存知のソースコード
  • に従ってください.
  • 他人が理解できるコードを作成します.
  • 仮想ドーム=component.反応はすべて仮想ドームで行われた.本物のドームはindexのみhtmlです.
  • 今日の勉強のキーワード

    <Route>
    Event Listener :
    {props}