React 1. Udemy(1)
1. Udemy(1)
useCallbackuseMemoは特定の値の再使用に使用され、useCallbackは特定の関数の再使用に使用されます useMemoと同様に、依存値は2番目のパラメータ(チェックする特定の値を含む配列) である.サブエレメントが反応する場合.memo()に最適化し、関数をサブアセンブリに渡す場合、関数を構成部品からuseCallbackと宣言することは非常に便利です(サブアイテムレンダリングを防止します) 理解++Memo
fetch fetchはpromise を返します.データをインポートするだけでなく、同じ機能を使用してデータを送信できます 2番目のパラメータオプションを使用して、他の複数の設定を制御できます オプションでは、メソッドキーを「POST」に設定してデータを送信することができる(default:GET) HTTPステータスコードが200と299の間にある場合はtrue HTTP状態コード2 xx号:サーバがクライアント要求を正常に処理したことを示す 4 XX号:クライアント要求が無効であることを示し、サーバは要求を実行していない 5 XX号:サーバエラーにより要求を実行できないことを示す
一般(try...catch)エラーが発生する可能性のある部分をtry関数に入れ、try内部にエラーが発生した場合、catch部分にエラーの処理方法 を書き込む
非同期状況(.catch)非同期の場合の異常処理はtryの安い時間と一致しないためtry...catchはエラーをキャプチャできません ただし、async、await構文を使用すると、tryの安い時間と異常な時間が一致するため、try...catch, .catch
useCallback
fetch
let promise = fetch(url, {options})
ok
propertyは、fetchが成功したかどうかを確認するために使用できます.// 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)
非同期状況(.catch)
둘다 사용 가능
ただしデバッグエラーを試してください...常用catch文try...catch
:エラーを自分でキャプチャし、エラーを拒否状態に変更するインフラストラクチャ.catch
:プラスで発生したすべてのエラーを処理し、エラーを処理したい場所に正確に配置します.エラーを処理する方法を知っておく必要がありますReference
この問題について(React 1. Udemy(1)), 我々は、より多くの情報をここで見つけました https://velog.io/@khxxjxx/React-1.-Udemy1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol