24日目

graphQL useQueryを使用すると、画面が描画されると自動的に画面内で要求されてインポートされます.
axiosでは、リクエスト時に結果値を結果に挿入し、画面にデータを描画します.
GraphQL方式は便利かもしれませんが、場合によってはaxios方式が必要な場合があります.
変異は利用可能ですが、他のhookは関数では使用できないため、ホットスポットになる可能性があります.必要な場所で実行し、必要な場所にマウントしたい場合は、usApolloCilientを使用します.
useLazyQueryは、必要に応じてデータをロードするためにuseMutationのように実行できます.userQueryはページの最初からデータのロードを開始します...
フォーム・ライブラリ応答フック・フォーム
ひせいぎょそし
入力を受け入れるたびにレンダリングされる制御要素とは異なり、入力内容のみを変更し、必要に応じてデータを登録します.
通常は非制御素子を使用するが、カード番号など安全性を必要とするものは速度が遅く、制御素子を使用することが望ましい.
次にreact-hoor-form、hookform/resolverをインストールするときに発生したエラー...
Error: Package subpath './yup/dist/yup' is not defined by "exports"in/Users/no-eunjeong/codecamp-04/class/node_modules/@hookform/resolvers/package.json
『ワーレスワーレス』
パス:.../@hookfomr/resolvers/package.json

...
"exports": {
...
"./yup/dist/yup": {
      "browser": "./yup/dist/yup.js",
      "umd": "./yup/dist/yup.js",
      "import": "./yup/dist/yup.js",
      "require": "./yup/dist/yup.js"
    }
  }

node moduleを削除して再インストールしたときにパスを再指定しなかった場合、同じエラーが発生します.根本的な問題を解決するために、調べてみましたが、ノードバージョンの問題かもしれないと聞きました.
nodeバージョンを管理するにはbrewでnvm installを行い、nvm install(バージョン)を実行します.
通常はデフォルトの14バージョンが推奨されますが、m 1チップの16バージョン以下のバージョンではインストールできないため、16バージョンがダウンロードされ、正常に動作しています.yup解析器のWebパッケージまたはサブパスの問題に遭遇した場合は、参照してください.