React 1. Udemy(1)


1. Udemy(1)
useCallback
  • useMemoは特定の値の再使用に使用され、useCallbackは特定の関数の再使用に使用されます
  • useMemoと同様に、依存値は2番目のパラメータ(チェックする特定の値を含む配列)
  • である.
  • サブエレメントが反応する場合.memo()に最適化し、関数をサブアセンブリに渡す場合、関数を構成部品からuseCallbackと宣言することは非常に便利です(サブアイテムレンダリングを防止します)
  • 理解++Memo
    fetch
  • let promise = fetch(url, {options})
  • fetchはpromise
  • を返します.
  • データをインポートするだけでなく、同じ機能を使用してデータを送信できます
  • 2番目のパラメータオプションを使用して、他の複数の設定を制御できます
  • オプションでは、メソッドキーを「POST」に設定してデータを送信することができる(default:GET)
  • okpropertyは、fetchが成功したかどうかを確認するために使用できます.
  • HTTPステータスコードが200と299の間にある場合はtrue
  • HTTP状態コード
  • 2 xx号:サーバがクライアント要求を正常に処理したことを示す
  • 4 XX号:クライアント要求が無効であることを示し、サーバは要求を実行していない
  • 5 XX号:サーバエラーにより要求を実行できないことを示す
  • // async와 await를 사용하여 위의 함수를 아래와 같이 만들 수 있다
    function 함수() {
      fetch('url')
        .then(response => response.json())  // 응답을 JSON 형태로 파싱
        .then(data => {})
    }
    
    // async, await 사용
    async function 함수() {
      const response = await fetch('url');
      const data = await response.json();
    }
    例外処理
    一般(try...catch)
  • エラーが発生する可能性のある部分をtry関数に入れ、try内部にエラーが発生した場合、catch部分にエラーの処理方法
  • を書き込む
    非同期状況(.catch)
  • 非同期の場合の異常処理はtryの安い時間と一致しないためtry...catchはエラーをキャプチャできません
  • ただし、async、await構文を使用すると、tryの安い時間と異常な時間が一致するため、try...catch, .catch둘다 사용 가능ただしデバッグエラーを試してください...常用catch文
  • try...catch:エラーを自分でキャプチャし、エラーを拒否状態に変更するインフラストラクチャ
  • .catch:プラスで発生したすべてのエラーを処理し、エラーを処理したい場所に正確に配置します.エラーを処理する方法を知っておく必要があります