11週間のレビュー

<仕事で感じたこと>

1.非同期動作では、コード順序が重要です。

特に、APIが呼び出されて.then()、.finally()として処理された場合、両者を混同すると、データが正しく伝達されない..then()が完全に実行された後、.finally()が実行されるからだ.このほか、親コンポーネントのステータスによって決定される論理が、そのステータスが変化する前に最初に実行されるというエラーもあります.

2.reactは、最初の構築時に未定義変数処理を伴う論理にエラーを発生します。

今回のミスは特に多い.データのフォーマットを検証するコードがあります.構築すると、この部分でよくエラーが発生します.検証が必要なデータを最初に構築するときに定義されていないためです.3つの演算子がある場合にのみ実行されるようにコードを記述し、エラーはありません.

const hasNameValid = deductor.name? deductor.name.length >= 2 : false

各ページにはコア機能があり、その他の機能は副次的です。

現在入力されているデータを基本データとして指定する論理があります.これをどのように実現するか分からないため、異なるAPIを2回連続して呼び出すところだった.ただし,このページの主な機能は寄付領収書の申請/修正であるため,他の作業はパラメータ等次要因として排除すべきである.

    const receiptInfo = {
        deductor: deductor.name,
        residentRegistrationNumber: deductor.residentRegistrationNo1 + deductor.residentRegistrationNo2,
        donationId: donationId,
        // 파라미터 값으로 넘겨준 체크박스 값
        isDefault: isChecked.defaultInfo
    };